Google Tag Manager

Qui charge le conteneur

C’est le champ ID du conteneur de l’onglet Google et GTM qui en décide.

• Vous saisissez l’ID de votre conteneur. Cookiemark charge lui-même le conteneur, juste après les valeurs de consentement par défaut. Supprimez du site tous les autres extraits Tag Manager, qu’ils soient dans votre thème, une application ou un plugin. Si le même conteneur est déjà sur la page, Cookiemark ne le charge pas une seconde fois.
• Vous le laissez vide. Cookiemark ne charge rien et communique avec votre conteneur via la couche de données. Gardez votre propre extrait sous la ligne Cookiemark, sinon les balises Google démarrent avant les valeurs par défaut.

Cookiemark n’ajoute que la partie script de Tag Manager, pas la partie <noscript>.

Les balises Google ne demandent aucune modification

Les balises de Google intègrent leurs propres contrôles du consentement. C’est le cas de la balise Google pour GA4, des balises de conversion et de remarketing Google Ads, de Floodlight et du Conversion Linker. Elles lisent l’état du consentement défini par Cookiemark et adaptent ce qu’elles stockent et envoient.

Laissez leurs Paramètres de consentement sur Aucun consentement supplémentaire requis, et gardez le déclencheur que vous utilisez habituellement. Pour voir les paramètres de consentement de toutes les balises d’un coup, activez Activer la vue d’ensemble du consentement sous Administration, Paramètres du conteneur.

Les autres balises attendent un événement de consentement

Une balise d’un autre fournisseur ne sait rien de Consent Mode. Le pixel Meta, le LinkedIn Insight Tag, Hotjar et toute balise de type HTML personnalisé se déclenchent chaque fois que leur déclencheur s’active. Donnez à ces balises un déclencheur basé sur les événements que Cookiemark envoie dans la couche de données.

Chaque événement arrive une fois par page vue. Pour un visiteur qui revient, cela se produit au chargement de la page. Pour un nouveau visiteur, au moment où il fait son choix.

Exemple : le pixel Meta

1. Sous Déclencheurs, créez un déclencheur de type Événement personnalisé.
2. Saisissez cookiemark_consent_marketing comme nom d’événement et enregistrez le déclencheur sous le nom « Cookiemark, marketing autorisé ».
3. Créez une balise HTML personnalisé et collez le code du pixel fourni par Meta.
4. Sous Paramètres de consentement, choisissez Exiger un consentement supplémentaire pour le déclenchement de la balise et ajoutez ad_storage.
5. Choisissez le déclencheur de l’étape 2 et enregistrez la balise.

Le déclencheur et le contrôle du consentement ont des rôles différents. Le déclencheur décide quand la balise s’exécute : dès que le marketing est autorisé, sur cette page et sur toutes les suivantes. Le contrôle du consentement est un second verrou, au cas où quelqu’un ajouterait plus tard un autre déclencheur à la balise.

Ne comptez pas uniquement sur le contrôle du consentement avec un déclencheur Toutes les pages. Tag Manager bloque la balise quand ce déclencheur s’active sans consentement, et une balise bloquée ne s’exécute pas plus tard d’elle-même. Un nouveau visiteur qui accepte serait alors manqué jusqu’à sa page suivante.

Les balises qui se déclenchent sur d’autres événements

Une balise d’achat ou de formulaire garde son propre déclencheur. Ajoutez-lui le contrôle du consentement de l’étape 4, ou ajoutez une condition à son déclencheur : cookiemark_consent_state contient |marketing|.

Événements et variables de la couche de données

Cookiemark envoie ses données dans dataLayer. Si votre conteneur utilise un autre nom, saisissez-le sous Nom de la couche de données.

Après un choix, l’ordre est fixe : d’abord la mise à jour du consentement, puis cookiemark_consent_update, puis un événement pour chaque catégorie qui n’était pas autorisée auparavant. Les événements ready et update contiennent trois valeurs.

{
  event: 'cookiemark_consent_update',
  cookiemark_consent: { necessary: true, preferences: false, statistics: true, marketing: true },
  cookiemark_consent_state: '|statistics|marketing|',
  cookiemark_consent_id: '0b0f6c1e-3d0a-4c54-9f0e-2f1c8a4e7b11'
}

Créez-les comme variables de type Variable de couche de données. Elles ont une valeur à partir de cookiemark_consent_ready.

Événements de formulaire

Tag Manager ne peut pas voir de lui-même qu’un visiteur a envoyé un formulaire quand la page ne se recharge pas. Cookiemark envoie un événement quand un formulaire est envoyé. Il indique de quel formulaire il s’agit et comment l’envoi s’est passé, jamais ce qui a été saisi. Cette fonction est activée, sauf si vous désactivez Envoyer les événements de formulaire.

Les outils de formulaire qui signalent un formulaire envoyé avec succès, et ce que contient cookiemark_form_id pour chacun :

Un formulaire qui charge une nouvelle page après l’envoi, comme un formulaire Gravity Forms sans AJAX, le formulaire de contact de Divi ou un formulaire Jetpack, n’envoie que cookiemark_form_submit. Pour compter les envois réussis, ajoutez dans Tag Manager un déclencheur sur la page de remerciement. Pour tout autre formulaire, cookiemark_form_plugin vaut form et cookiemark_form_id contient son nom, son id ou l’adresse à laquelle il envoie. Pour ne compter qu’un seul formulaire, ajoutez la condition que cookiemark_form_id soit égal à son ID.

Les événements ne contiennent jamais ce que le visiteur a saisi. Un nom ou une adresse e-mail dans la couche de données peut être lu par toutes les balises du conteneur, y compris avant que le visiteur ait fait son choix.

Le modèle

Choisissez le modèle si vous voulez que ce soit Tag Manager, et non le script Cookiemark, qui définisse les valeurs par défaut de Consent Mode. Cookiemark continue d’afficher le bandeau, d’enregistrer le choix et d’envoyer les événements. Seules les valeurs par défaut et les mises à jour passent dans votre conteneur.

1. Téléchargez le modèle. Le fichier s’appelle cookiemark-consent-mode.tpl.
2. Dans Tag Manager, ouvrez Modèles et cliquez sur Nouveau sous Modèles de balises. Ouvrez le menu en haut à droite, choisissez Importer, sélectionnez le fichier et enregistrez.
3. Créez une balise de type Cookiemark - Consent Mode et déclenchez-la sur Initialisation du consentement - Toutes les pages.
4. Dans Cookiemark, ouvrez le site, puis Google et GTM, et désactivez Google Consent Mode. Sinon, les valeurs par défaut sont définies deux fois.
5. Sous Cookies, désactivez le service Google Tag Manager, pour que le conteneur puisse se charger avant un choix.

Essayez d’abord l’import dans un conteneur de test. Cela ne coûte rien, et un import peut se comporter différemment dans votre compte.

La balise met tous les signaux sur refusé, sauf security_storage. Elle lit ensuite le cookie cookiemark_consent et envoie un choix enregistré sous forme de mise à jour avant que les autres balises se déclenchent. Pour les choix suivants, elle s’ajoute à window.cookiemarkListeners, et Cookiemark l’appelle après chaque choix.

Charger Cookiemark depuis Tag Manager

Certains sites ne permettent d’ajouter des éléments que via Tag Manager, pas dans le head de la page. Le modèle peut alors aussi charger Cookiemark : activez Also load the Cookiemark script from this tag et saisissez la clé du site, c’est-à-dire la partie entre /s/ et .js dans la ligne de l’onglet Installation. La balise définit d’abord les valeurs par défaut, puis charge le script juste après, sur l’événement Initialisation du consentement.

Ne le faites que si la ligne dans le head est impossible. Chargé depuis Tag Manager, Cookiemark démarre plus tard et ne peut pas bloquer les scripts présents dans le HTML de la page, comme un pixel collé dans le thème. Seules les balises de ce conteneur attendent le consentement, grâce aux contrôles du consentement et aux déclencheurs décrits plus haut. Le bandeau, le choix enregistré, le journal des consentements et les événements fonctionnent normalement.

Ce que le modèle implique pour vous

• La version du consentement se trouve à deux endroits. Quand vous redemandez à tous dans Cookiemark, augmentez aussi le numéro dans la balise. Tant que vous ne l’avez pas fait, la balise ignore les choix enregistrés.
• La correspondance entre catégories et signaux se trouve aussi à deux endroits. La balise utilise la sienne.
• Les tests du modèle se trouvent sous Tests dans l’éditeur de modèles, si vous voulez voir comment il se comporte.

Laisser Cookiemark corriger votre conteneur

Au lieu de passer en revue chaque balise à la main, vous pouvez connecter le compte Google qui gère votre conteneur. Cookiemark vérifie chaque balise de la version en ligne et n’affiche que ce qui ne va pas. Vous voyez chaque modification avant toute mise en ligne. La correction est incluse avec les sites payants ; la vérification est disponible dans toutes les offres.

1. Ouvrez le site, puis Google et GTM, et cliquez sur Connecter Google. Un propriétaire ou un administrateur peut le faire, ici ou sous Paramètres, Intégrations. Nous demandons uniquement l’accès à Tag Manager, et vous pouvez vous déconnecter à tout moment.
2. Cookiemark ouvre le conteneur trouvé par votre analyse, ou celui que vous avez choisi auparavant. Pour en choisir un autre, cliquez sur Choisir un autre conteneur, puis choisissez le compte Tag Manager et le conteneur. Vous pouvez faire une recherche dans les deux listes.
3. Sous Consentement dans Google Tag Manager, vous voyez chaque balise qui s’exécute sans attendre le consentement, ce qu’elle fait maintenant et ce qu’elle attendrait après la correction.
4. Cliquez sur Préparer la correction dans un espace de travail. Cookiemark place les modifications dans un nouvel espace de travail Tag Manager, nommé d’après la date et l’heure. Rien n’est encore en ligne : ouvrez Prévisualiser dans Tag Manager pour y jeter un œil, ou testez-le sur votre site avec l’aperçu de Tag Manager.
5. Cliquez sur Publier. Cookiemark publie une nouvelle version du conteneur et lance une analyse rapide pour vérifier le résultat. Pour annuler, publiez la version précédente dans Tag Manager. Ou cliquez sur Abandonner : l’espace de travail est supprimé sans que rien ne change.

Ce que la correction modifie :

• Les balises qui ne viennent pas de Google, comme Meta, LinkedIn, TikTok, Hotjar, Leadinfo ou une balise de type HTML personnalisé, reçoivent un consentement supplémentaire pour leur catégorie : le marketing attend ad_storage, ad_user_data et ad_personalization, les statistiques analytics_storage, selon votre correspondance dans cet onglet.
• Quand Consent Mode démarre trop tard, la correction ajoute le modèle Cookiemark sur Initialisation du consentement, pour qu’il s’exécute avant toutes les autres balises, et désactive au même moment Consent Mode dans le script Cookiemark, pour que les valeurs par défaut ne soient pas définies deux fois.
• Les balises de Google restent telles quelles : Consent Mode les couvre déjà.

Comment Cookiemark sait ce qu’est une balise

Une balise est reconnue grâce aux services que Cookiemark connaît, aux domaines que nous avons étudiés pour tous nos clients, et à une base de données ouverte de plus de 4 500 domaines de traceurs. Une balise que nous ne reconnaissons toujours pas attend le consentement marketing, le choix le plus strict, pour ne jamais s’exécuter avant l’accord du visiteur. Si votre site en a besoin pour fonctionner, un chat par exemple, choisissez Nécessaires dans la liste à côté avant de préparer la correction.

Quand vous modifiez la catégorie d’une balise que nous n’avions pas reconnue, nous notons le domaine depuis lequel elle se charge et votre choix, sans rien d’autre sur vous ou sur la balise. Une fois cette suggestion vérifiée, Cookiemark reconnaît ce domaine pour tout le monde.

Ce que vous pouvez consulter après coup

Chaque correction reste visible sous Modifications dans Google Tag Manager, dans le même onglet : quand elle a été publiée, sous quelle version du conteneur, et pour chaque balise ce qu’elle faisait avant et après.

Domaines de traceurs issus de WhoTracks.me (CC BY 4.0) et d’AdGuard CompaniesDB (CC BY-SA 4.0).

Migrer un conteneur conçu pour Cookiebot

Un conteneur Cookiebot déclenche généralement ses balises sur des événements portant les noms de Cookiebot. Activez Envoyer aussi les noms d’événements Cookiebot dans l’onglet Google et GTM, et Cookiemark envoie aussi ces noms.

1. Notez les noms exacts des événements qu’écoutent les déclencheurs de votre conteneur.
2. Mettez en pause la balise Cookiebot dans le conteneur et retirez le script Cookiebot du site. Deux outils de consentement sur une même page se gênent mutuellement.
3. Ajoutez la ligne Cookiemark et activez Envoyer aussi les noms d’événements Cookiebot.
4. Ouvrez l’aperçu de Tag Manager, chargez le site dans une fenêtre de navigation privée et acceptez tout. Vérifiez que des événements portant les noms de l’étape 1 arrivent et que vos balises se déclenchent.
5. Là où un nom diffère, remplacez le déclencheur par l’événement cookiemark_consent_ correspondant.

Une variable qui lit le cookie de Cookiebot, nommé CookieConsent, ne trouve rien, car Cookiemark ne le dépose pas. Utilisez plutôt cookiemark_consent_state. Le code qui interroge Cookiebot.consent.marketing a besoin du réglage Répondre à l’API JavaScript de Cookiebot, décrit dans la page API JavaScript.

Une fois que tous les déclencheurs utilisent les noms Cookiemark, vous pouvez désactiver à nouveau les noms Cookiebot.