Lorsque vous activez notre connecteur Google Tag Manager, Axeptio enverra 2 évènements au dataLayer avec la méthode dataLayer.push();
Les événements envoyés dans le dataLayer :
- consent.display : Le widget Axeptio est apparu sur une page
- consent.answer : L'utilisateur a interagi avec le widget de consentement
Exemple :
Variables du dataLayer pour consent.answer
L'événement consent.answer envoie 2 variables dans le dataLayer
privacy_consent_value
Ce paramètre peut avoir 3 valeurs différentes :
- full : tous les cookies / services tiers sont acceptés par l'utilisateur
- partial : certains cookies sont acceptés par l'utilisateur. D'autres sont refusés.
- refusal : tous les cookies / services tiers sont refusés par l'utilisateur
privacy_consent_type
Ce paramètre peut avoir 2 valeurs différents :
- true : l'utilisateur a accepté au moins 1 cookie / service tiers
- false : l'utilisateur n'a accepté aucune cookie / service tiers
Mise en place du connecteur Google Tag Manager
Etape 1 : Création dans Google Tag Manager
Rendez vous dans le menu déclencheurs pour créer 2 déclencheurs personnalisés :
- Evénement personnalisé : consent.display
- Evénement personnalisé : consent.answer
Rendez vous dans le menu variables 2 variables du dataLayer
- privacy_consent_value (Dans les screens : {{DLV - privacy_consent_value}} )
- privacy_consent_type
Etape 2 : Création de votre balise / tag
Nous allons voir en détail, avec tout simplement un console.log pour présenter les variables qui sont envoyées puis nous verrons avec le tag Google Analytics.
L'intégration avec Google Tag Manager vous permet d'envoyer vers n'importe quel autre tag. Nous avons des déclencheurs et des variables a disposition. Vous n'êtes pas du tout limité aux produits Google.
Avec un simple console.log();
Lorsque l'utilisateur interagit avec Axeptio, l'événement consent.answer est envoyé, c'est ce qui va servir de déclencheur.
Nous ajoutons une balise HTML personnalisée pour afficher dans la console le nom de l'événement et la valeur de privacy_consent_value.
<script>
console.log( 'Event : {{Event}} , Privacy Consent Value : {{DLV - privacy_consent_value}} ');
</script>
Résultat
Avec Google Analytics 4
Ajoutez une balise événement qui aura pour déclencheur consent.answer (Ca fonctionne bien entendu avec consent.display)
Il y a 2 variables du dataLayer créées avec le consent.anwser que nous passons en paramètre de l'événement afin de les envoyer à Google Analytics.
Configuration pour ajouter les 2 dimensions dans votre interface Google Analytics 4.
En allant dans la partie paramétrage / administration de votre compte Google Analytics, dans la partie dimensions personnalisées.
Voici le résultat :
Vérifiez la mise en place
Vous pouvez lancer une preview de votre site internet. Le paramètre debug_mode de Google Analytics sera a actif. Si vous utilisez uniquement le Gtag, ajoutez le debug_mode dans votre config.
Dans Google Analytics, rendez vous sur DebugView
Dans une autre fenêtre, utilisez la version preview dans Google Tag Manager pour afficher votre site web. Après quelques secondes, vous allez voir votre visite dans Google Analytics et vous aurez les événements envoyés par Axeptio.
Les événements Axeptio
Détail de l'événement consent.answer
Affichez vos statistiques dans Explorer de Google Analytics
Vous avez maintenant des données complémentaires qui sont enregistrées dans Google Analytics. Dans la partie explorer, vous pouvez créer vos tableaux de bord.
Affichage du nombre de widget apparu = Total des evénements consent.display
Interaction avec le widget de consentement = Total des événements consent.answer
Vous pouvez ainsi calculer votre taux de consentement, taux d'interaction et analyser l'impact sur votre site internet.
Elargissement avec tous les tags
Google Tag Manager est un conteneur, vous pouvez déclencher et envoyer ces informations vers n'importe quel partenaire qui vous permet l'analyse de votre site internet. Comme nous l'avons vu avec le console.log, les données sont a disposition, vous pouvez les envoyer ou vous souhaitez.