Bloquer les balises avec l’intégration Google Tag Manager
Cet article vous guidera dans l'intégration de Didomi avec Google Tag Manager (GTM) pour configurer le chargement des tags sur votre site web lorsque l'utilisateur a donné son consentement.
Introduction : événements et variables envoyés dans le Data Layer
L'intégration GTM permet au SDK Didomi d'envoyer des événements. Ces événements peuvent générer des variables dans le Data Layer de GTM.
Événements Didomi
didomi-consent : lorsque la page est chargée, et lorsqu'il y a un changement de consentement
didomi-ready : lorsque la page est chargée
didomi-consent-changed : lorsqu'il y a un changement de consentement
Nous recommandons d'utiliser l'événement didomi-consent car il inclut les autres et convient généralement le mieux.
Vous pouvez trouver ces événements dans notre 📰 documentation technique.
Variables Didomi
Les événements Didomi généreront des variables Didomi dans le Data Layer de GTM.
Les variables Didomi incluent les informations suivantes :
Vendeurs (variables sous-ensemble : consentement donné / consentement refusé / consentement inconnu)
Finalités (variables sous-ensemble : consentement donné / consentement refusé / consentement inconnu)
Vendeurs et finalités (variables sous-ensemble : consentement donné / consentement refusé / consentement inconnu)
Chaîne de consentement IAB TCF / RGPD (si le RGPD s'applique)
Vous n'êtes pas obligé d'utiliser toutes les variables. La variable la plus utilisée est "didomiVendorsEnabled", qui contient la liste de tous les vendeurs avec le consentement de l'utilisateur.
Vous pouvez trouver les variables 📰 ici.
L'objectif ici est d'utiliser ces événements et variables dans les déclencheurs que vous créez, afin d'activer le chargement des tags uniquement si l'utilisateur a donné son consentement. Un déclencheur est activé en fonction de l'événement et de la variable.
Intégration
Pour commencer, vous devez activer l'intégration GTM lorsque vous configurez votre avis de consentement.
Allez à Avis de consentement (1) et cliquez pour modifier votre avis.
Allez à l'étape 2. Personnalisation (2) et l'onglet Intégrations onglet (3).
Assurez-vous d'être dans la section Gestionnaires de tags section (4).
Faites défiler vers le bas pour sélectionner l'intégration Google Tag Manager .
Dans le champ Nom du Data Layer , écrivez le nom de votre data layer.
Le nom standard "dataLayer" est utilisé par défaut.
Si vous conservez le nom standard, vous pouvez laisser le champ tel quel.
Si vous avez choisi un nouveau nom, vous pouvez le voir dans le code de votre site web (demandez à votre équipe technique).
Si vous n'avez pas utilisé la Console pour créer votre avis de consentement, ajoutez ceci dans l'objet didomiConfig : tagManager: { provider: 'gtm' }
Ne pas ajouter ce code si vous avez coché la case dans la console.
Créer une variable
Allez dans votre compte Google Tag Manager. 👉 Commençons par créer une variable "didomiVendorsEnabled" (c.-à-d. la variable la plus couramment utilisée). Cela vous permettra de configurer le chargement des tags lorsque l'utilisateur donne son consentement pour chaque vendeur.
Cliquez sur Dossiers dans le menu de gauche.
Cliquez sur Nouveau dossier.
Nommez votre dossier "Didomi".
Cliquez sur les trois points à gauche du fichier Didomi.
Cliquez sur Ajouter une variable.
Entrez ces informations :
Nom : Didomi Vendors Enabled (au lieu de « variable sans titre ») Type de variable : Variable du Data Layer (utilisez l'icône crayon pour ouvrir le menu de choix). Nom de la variable du Data Layer : didomiVendorsEnabled
Créer des déclencheurs
Vous allez maintenant créer des déclencheurs et connecter ces déclencheurs à l'un des événements Didomi (nous recommandons d'utiliser didomi-consent) et à la variable "Didomi Vendors Enabled" (créée à l'étape précédente).
Vous devrez créer un déclencheur pour chaque vendeur non-IAB que vous souhaitez bloquer.
Pour créer un déclencheur :
Cliquez sur Dossiers dans le menu de gauche.
Cliquez sur les trois points à droite du fichier Didomi.
Cliquez sur Ajouter un nouveau déclencheur.
Entrez ces informations :
Nom du déclencheur : "{Nom du vendeur} – Didomi", par exemple Remplacez ce qui est écrit entre les accolades {} par le nom du vendeur correspondant et assurez-vous de supprimer les {}. Le nom n'a pas d'impact. Vous pouvez utiliser le nom que vous préférez. Type de déclencheur : événement personnalisé (utilisez l'icône crayon pour ouvrir le menu de choix) Nom de l'événement: l'un des événements générés par Didomi (didomi-consent, didomi-ready ou didomi-consent-changed). Nous recommandons d'utiliser didomi-consent. "Conditions dans lesquelles le déclencheur peut être exécuté" et sélectionnez « Certains événements personnalisés ». "Déclencher ce déclencheur lorsqu'un événement se produit et que toutes ces conditions sont vraies" : Didomi Vendors Enabled contient {ID vendeur} Remplacez ce qui est écrit entre les accolades {} par l'ID du vendeur correspondant : cf. « Où trouver l'ID du vendeur ? » plus bas dans cet article.
Répétez pour tous les vendeurs non-IAB. Vous devez créer un déclencheur par vendeur non-IAB.
👉Si votre déclencheur existant est un déclencheur personnalisé, vous devez "créer un groupe de déclencheurs" afin que le tag soit activé lorsque la condition 1 (celle existante) et la condition 2 (celle liée au consentement) sont toutes deux remplies.
👉Si vous ajoutez à la fois le déclencheur existant lié au consentement ET le déclencheur existant au tag, ce dernier sera lancé lorsque la condition 1 OU 2 est valide. N'utilisez pas les deux en même temps, car cela entraîne le dépôt de cookies avant/sans consentement (non conforme).
Pour créer un groupe de déclencheurs :
Cliquez sur Dossiers dans le menu de gauche.
Cliquez sur les trois points du fichier Didomi, puis Ajouter un nouveau déclencheur.
Entrez ces informations :
Nom du groupe de déclencheurs : "Groupe de déclencheurs – Consentement + {nom de l'autre condition} - {nom du vendeur}", par exemple Remplacez ce qui est écrit entre les accolades {} par les informations correspondantes (et supprimez les {}). Le nom du groupe de déclencheurs n'a pas d'impact, vous pouvez utiliser le nom que vous préférez.
Type de déclencheur : cliquez sur l'icône crayon et choisissez "Groupe de déclencheurs".
Cliquez sur
, à droite de Déclencheurs. Sélectionnez le déclencheur existant pour votre tag. Cliquez sur
Enregistrer.
👉Ce déclencheur (ou groupe de déclencheurs) peut désormais être utilisé dans les tags afin qu'ils soient activés chaque fois que l'utilisateur donne son consentement pour ce vendeur.
Les groupes de déclencheurs ne se déclenchent qu'une seule fois par page. Cela peut poser problème lors de l'utilisation de sites web dynamiques. Dans ce cas, vous pouvez utiliser les fonctions et événements. Spécifiquement pour les SPA, veuillez vous référer à notre page GitHub.
Où trouver l'ID du vendeur ?
Pour trouver l'ID du vendeur, allez à l'étape 1. Règlementations, puis à l'onglet Règlementations et Modifier les vendeurs et finalités sous chaque règlement. Vous pouvez sélectionner et copier l'ID API.
Associer le déclencheur au tag
Enfin, vous devez connecter le déclencheur à son tag. Cette dernière étape est très importante.
Dans le champ Section des Tags
de votre compte GTM :
Cliquez sur l'un de vos tags existants pour un vendeur non-IAB.
Enregistrer.
Ajoutez le déclencheur ou le groupe de déclencheurs (créé précédemment) correspondant au vendeur du tag, au lieu du déclencheur utilisé précédemment.
Répétez pour CHACUN des déclencheurs existants pour les vendeurs non-IAB. N'oubliez pas de configurer les tags pour tous
vos conteneurs. À partir de maintenant, chaque fois que vous ajoutez un nouveau tag pour un vendeur non-IAB nécessitant un consentement conforme au RGPD, vous devez suivre la configuration et cocher ce nouveau vendeur dans la liste affichée dans la console.
Mis à jour