Interface Google Tag Manager

Loïc
Loïc
  • Mise à jour

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
  2. Les déclencheurs simples de type "Page vue"
  3. Les déclencheurs plus complexes : utilisation de la variable Axeptio 
  4. Vérification et publication
  5. Les autres Tags Managers

 

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


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

Capture_d_e_cran_2022-03-08_a__11.27.28.png
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.
  • Pour finir, donnez un nom à votre balise, puis enregistrez-la :

 

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.

 

✅ 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 :

  1. Les déclencheurs simples de type "Page vue"
  2. Les déclencheurs plus complexes : utilisation de la variable Axeptio

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.

 

On vous a préparé une petite vidéo récapitulative juste ici 👇🏼 : 

 

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 :

Capture_d_e_cran_2022-03-08_a__11.24.58.png
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

  • La balise
    Capture_d_e_cran_2022-03-15_a__11.24.21.png
  • Son déclencheur
    Capture_d_e_cran_2022-03-08_a__10.54.43.png

 

On vous a préparé une petite vidéo récapitulative juste ici 👇🏼 : 

 

 

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èle
  • Cliquez 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 :

Capture_d_e_cran_2022-03-08_a__11.04.27.png
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 :

Capture_d_e_cran_2022-03-08_a__11.15.56.png
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 cookie
  • Enregistrez 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

Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 28 sur 43