Afin de contrôler efficacement vos scripts tiers déposant des cookies en fonction du consentement, il est recommandé d’utiliser un Tag Manager.
Nous aborderons dans cet article les parties suivantes :
1. À quoi ça sert
Un Tag Manager est un système de gestion de balises, qui va vous permettre d’injecter du code dans votre site de manière dynamique.
Ce type de système est particulièrement utile pour les outils de tracking ou d’advertising tels que AT Internet ou Facebook Pixel.
Dans cet article, nous nous concentrerons sur le fonctionnement de Google Tag Manager (GTM), de par sa gratuité et sa simplicité d’utilisation. Comme nous le verrons plus bas, il existe cependant d’autres Tag Managers.
Dans cette partie, nous aborderons les points suivants :
Fonctionnement de base de GTM
Google Tag Manager fonctionne principalement en deux parties :
Les Balises (Tags) : ce sont les bouts de code que vous allez injecter dans votre site (code de tracking, pixel de conversion, etc..)
Les Déclencheurs (Triggers) : c’est ce qui permettre de provoquer l’injection des balises sur votre site. Ils permettent de définir la condition d’injection de votre balise (💡 à chaque chargement de page, après un achat, etc..)
Si vous n’avez pas encore installé Google Tag Manager sur votre site, vous trouverez ici la documentation officielle : accéder à la documentation Google Tag Manager.
Si vous avez déjà intégré Axeptio sur votre site, vous pouvez directement passer aux parties suivantes :
Charger Axeptio via GTM
🍪 Si vous chargez déjà Axeptio via une autre méthode (script, plugin...), vous n'avez pas à recharger Axeptio dans GTM
Rendez-vous dans votre backoffice Axeptio, puis dans votre projet, afin de récupérer votre script. Une fois dans le projet désiré :
Vous pourrez y accéder dans la menu latéral tout en bas :
Une fois l'identifiant copié, rendez-vous dans votre interface GTM :
Sélectionnez l’onglet Balises dans le menu de gauche
Puis cliquez sur Nouvelle
Cliquez dans le rectangle Configuration de la balise Dans la page qui vient de s’ouvrir :
Puis dans la liste qui vient d’apparaitre, cliquez sur "Découvrir d'autres types de balises dans la galerie" :
Cherchez "Axeptio CMP" et sélectionnez le modèle :
Ajoutez le modèle à votre espace de travail. Vous devriez maintenant avoir ceci dans votre balise :
Renseignez maintenant votre ID de projet dans le champ Project ID.
(Facultatif) Vous pouvez également renseigner le nom de votre cookies version, si vous avez plusieurs configurations du widget de cookies :
Il ne reste plus qu’à choisir un déclencheur :
Cliquez sur le rectangle Déclenchement
Sélectionnez le déclencheur nommé Consent Initialization - All Pages afin qu'Axeptio soit chargé en premier.
Votre balise Axeptio est maintenant complètement configurée. Il ne vous restera plus qu’à publier votre conteneur GTM afin que vos changements soient actifs sur votre site.
📌 Si vous utilisez Google Analytics 4 et/ou Google Ads, il vous restera à configurer le Consent Mode v2 dans cette même balise. Vous trouverez toutes les infos sur la mise en place du Consent Mode v2 ici : Installation du Google Consent Mode v2
✅ En fonction du moment où vous voulez déclencher vos balises GTM, vous pouvez utiliser différents déclencheurs. Pour rendre vos balises conformes au RGPD, c’est-à-dire qu’elles ne se déclenchent que si le consentement a été donné, il vous faudra modifier vos déclencheurs.
Nous allons aborder ci-dessous deux méthodes de déclenchement :
Ces deux méthodes sont complémentaires, et remplissent des rôles différents. Il est donc préférable d’utiliser la méthode adaptée pour chaque balise.
2. Les déclencheurs simples de type "Page vue"
✅ Ces déclencheurs activent la balise dès le chargement de la page.
Afin que vos balises soumises au consentement ne se déclenchent qu’une fois que l’utilisateur a bien accepté le service concerné (ex. : Facebook Pixel), il vous faudra modifier les déclencheurs de vos balises via l’évènement personnalisé Axeptio correspondant.
Deux étapes pour mener à bien cette opération :
Récupération de la liste des évènements dans Axeptio
Rendez-vous dans votre projet, puis dans la configuration cookie désirée
Cliquez sur le bouton Intégrer sur votre site en haut à gauche
Descendez jusqu’à la troisième partie Enregistrement des préférences utilisateurs
Vous accédez à une liste d’évènements classés en fonction des étapes de votre widget Axeptio :
Modification des déclencheurs des balises GTM
Rendez vous sur l'interface de votre conteneur GTM :
Sélectionnez la balise désirée
Cliquez dans la section Déclenchement
💡 Vous voyez apparaitre un symbole "+" pour l’ajout de nouveaux déclencheurs, et un symbole "-" à côté de vos déclencheurs existants si vous en avez
Supprimez vos déclencheurs existants, puis cliquez sur le "+" pour en créer un nouveau
⚠️ L’utilisation des évènements personnalisés Axeptio a vocation à remplacer les déclencheurs de type "Page vue". Si vous utilisez des déclencheurs plus complexes, référez-vous à la partie suivante Les déclencheurs plus complexes : utilisation de la variable Axeptio
Cliquez dans la boite Configuration du déclencheur. GTM vous proposera alors plusieurs types de déclencheurs
Descendez et sélectionnez Événement personnalisé
Copiez-collez l’évènement désiré dans le champ Nom de l’évènement
Donnez un nom à votre déclencheur en haut à gauche
Enregistrez-le en haut à droite
✅ Votre balise se déclenchera maintenant uniquement après le consentement de l’utilisateur
Exemple d'une balise Facebook Pixel et de son déclencheur
3. Les déclencheurs plus complexes : utilisation de la variable Axeptio
Dans le cas de figure où vous avez des balises qui se déclenchent sur des évènements particuliers (au clic sur un lien, sur un évènement personnalisé, etc..), vous pouvez utiliser la variable Axeptio comme condition. Cela vous permettra de contrôler le consentement sur vos déclencheurs déjà existants.
Nous allons aborder dans cette partie :
Comment créer la variable Axeptio
Tout d’abord, il vous faut récupérer le modèle de variable présent dans la galerie de Google Tag Manager :
Sélectionnez la Modèles dans le menu de gauche
Dans la partie Modèles de variables, cliquez sur le bouton Rechercher dans la galerie
Dans la liste qui apparait à droite, sélectionnez le modèle nommé Axeptio Consent State
Cliquez sur Ajouter à l’espace de travail en haut à droite.
💡 GTM vous affiche alors la liste des autorisations requises par le modèleCliquez sur Ajouter pour confirmer.
✅ Vous avez maintenant le modèle visible dans la liste de vos modèles de variables.
Il est vous désormais possible de créer une variable à partir de ce modèle :
Sélectionnez la section Variables dans le menu de gauche
Créez une nouvelle variable définie par l’utilisateur en cliquant sur le bouton Nouvelle.
Cliquez dans la boite Configuration de la variable
Dans la liste qui vient de s’afficher, sélectionnez Axeptio Consent State dans les modèles personnalisés.
Donnez un nom à votre variable, puis enregistrez là grâce le bouton en haut à droite
✅ Une fois la variable créée, vous pouvez rajouter des conditions sur vos déclencheurs déjà existants.
Le conditionnement des déclencheurs
Comme leur nom l'indique, les conditions permettent de conditionner la mise en action des déclencheurs.
Il est donc possible de créer des conditions sur un déclencheur en précisant qu’il ne se déclenchera que si certains évènements se produisent.
Par exemple, on peut conditionner le déclenchement :
lorsqu’une variable défini contient telle ou telle valeur
sur une url spécifique si on souhaite un déclenchement sur certaines pages uniquement
etc...
✅ Pour plus de détails, nous vous invitons lire la documentation de Google sur le Fonctionnement des déclencheurs
La variable Axeptio fonctionne de la manière suivante :
Lorsqu’un consentement a été donné, un tableau contenant l’intégralité des cookies acceptés est créé.
Cela offre donc la possibilité de créer une condition du type :
"ma variable" [contient] "le nom de mon cookie"
Le déclencheur ne sera pas déclenché tant que ce cookie n’aura pas été accepté par l’utilisateur et stocké dans la variable.
✅ Résultat : la balise y étant rattachée ne sera pas injectée sur le site !
⚠️ Le nom du cookie n’est pas forcément le même que celui affiché sur votre widget.
Comment récupérer le nom des cookies
Il existe trois façons pour récupérer le nom des cookies :
Depuis votre projet Axeptio
Dans votre backoffice Axeptio, cliquez sur le cookie désiré.
Vous trouverez toutes les caractéristiques de ce cookie, dont son nom tel qu'il est pris en compte par notre API :
Via la console du navigateur
Une fois les cookies acceptés, accédez à la console du navigateur web :
Depuis le navigateur web, faire un clic droit sur la page de votre site utilisant Axeptio
Sélectionnez Inspecter
Tapez ensuite datalayer et appuyez sur "Entrée".
Vous obtenez une liste que vous pouvez déployer en cliquant sur les petites flèches présentes en début de ligne.
Déployez les lignes "event", "axeptio_update" puis "axeptio_authorized_vendors", jusqu’à obtenir la liste des cookies acceptés, et leurs noms :
En utilisant la prévisualisation de GTM
⚠️ Cette procédure ne fonctionne que si GTM est bien relié à votre site et si le widget Axeptio y est bien installé
Cliquez sur Prévisualisation en haut à droite de votre page GTM
Saisissez l’url de votre site et lancez-la
Cette opération vous permet d'accéder au deux pages suivantes :
La page de prévisualisation Tag Assistant
La page de l’url spécifiée
Une fois les cookies acceptés sur votre site :
Rendez-vous sur la page de prévisualisation
Sélectionnez l’évènement "axeptio_update" dans la liste de gauche
Puis sélectionnez l’onglet Variables
Vous obtiendrez alors l’ensemble des variables utilisées par GTM, y compris celles que nous avons créées :
✅ Toutes les conditions portant sur un déclencheur doivent être vérifiées pour que celui-ci fonctionne !
Une fois que les noms des cookies sont connus, il ne reste plus qu’à créer les conditions sur les déclencheurs :
Rendez-vous dans le déclencheur désiré
Cochez la case Certains évènements personnalisés
Pour les champs qui viennent d’apparaitre, sélectionnez respectivement :
-> votre variable Axeptio
-> [contient]
-> le nom de votre cookieEnregistrez les modifications
Ci-dessous un exemple pour un déclencheur sur un évènement personnalisé nommé "purchase" devant déclencher une balise Facebook Pixel, donc soumise au consentement :
4. Vérification et publication
Toutes vos balises soumises au consentement sont maintenant conformes au RGPD, vous êtes prêt à publier votre GTM.
✅ Cependant, il est fortement recommandé de tester vos modifications grâce au mode Prévisualisation de GTM pour vous assurer que toutes vos balises soient bien déclenchées au bon moment.
Pour procéder aux tests de vérification, nous vous invitons à visiter cet article :
Sinon, vous pouvez aussi regarder cette vidéo 👇🏼 :
5. Les autres Tags Managers
Vous trouverez ci-dessous une liste non exhaustive d’autres Tag Management Systems (TMS).
Ces différentes solutions sont pour la plupart payantes et nous n'avons poussé les tests d'intégration avec Axeptio. Cependant, de par leur formule payante, elles proposent généralement un support et une assistance à la configuration, contrairement à Google Tag Manager.
✅ Si vous implémentez une de ces solutions, n’hésitez pas à contacter notre support si vous avez besoin d’aide, ou si vous souhaitez que votre expérience puisse profiter à d'autres et que vous voulez nous aider à enrichir cet article.
Launch by Adobe : si vous êtes habitué aux produits Adobe, cette solution semble être assez simple d’utilisation
Tealium : spécialisé dans le marketing, utile si vous avez plusieurs sites très fréquentés et des campagnes marketing complexes
Signal : spécialisé dans la gestion de balises publicitaires
Qubit : utilisable tel quel, cette solution se démarque par sa personnalisation avancée
Ensighten : spécialisé dans la sécurité
Segment.io : Pour paramétrer Segment.io avec Axeptio, il vous suffira de suivre cette documentation : Documentation Segment.io
TagCommander : spécialisé dans la conformité RGPD
Piwik PRO : code open-source
IBM DDX : compris dans la Suite Digital Marketing Optimization d’IBM, cette solution n’utilise qu’une seule balise pour fonctionner, favorisant ainsi la performance de votre site
Yottaa : spécialisé dans le eCommerce
Kwanko : si vous utilisez Kwanko, il vous faudra ajouter un cookie Kwanko dans votre widget Axeptio, en plus des solutions chargées directement par celui-ci. Une fois ceci fait, contactez directement votre gestionnaire de compte Kwanko
Eulerian : si vous utilisez Eulerian, l’intégration d’une CMP telle qu’Axeptio est détaillée dans cette documentation : Documentation Eulerian