• Tous les tags présentés sont observables sur notre GTM dont vous trouverez l’export ci-dessous
gtm.txt
25.0KB

• Les snippets de code seront bientôt mis à jour sur un répertoire Github public sous licence MIT, et donc réutilisables par tous

• Site démo pour voir le fonctionnement de notre solution en live, et un exemple de code complet intégrant également le consent mode.

• Sur un autre sujet Oussama vous présentera bientôt comment gérer des tags média sur plusieurs sites et plusieurs langues dans une seule variable GTM…

• Les dataLayer.push peuvent être envoyés avant / après l’acceptation des finalités de la bannière

• L’implémentation doit fonctionner à la fois si l’utilisateur arrive sur le site ou s’il a déjà navigué et donné son consentement

• Il peut y avoir plusieurs événements à envoyer à l’arrivée sur une page : page vue, item_view_list, …

• N : le nombre d’événements sur lesquels des tags spécifiques doivent se déclencher. Par exemple, des tags de remarketing sont souvent configurés sur la homepage, le cart, le checkout, le purchase, etc…

• M : le nombre de choix utilisateur dans la bannière cookie. Le plus souvent les consentements analytics et publicitaire sont gérés dans GTM mais il peut y en avoir plus

• La présence de limitations

Configuration GTM

Configuration GTM

TAG

Trigger

Configuration GTM

TAG

Trigger acceptation

Trigger bloquante

Configuration GTM

Tag

Trigger

Nouveau trigger Analytics consent given

Configuration GTM

Tag

Trigger group

Nouveau trigger consent given

• Comme pour les précédents cas, la gestion en trigger bloquante permet de ne pas dédupliquer les différents tags déclencheurs, c’est donc un avantage par rapport à la solution précédente

• En revanche, il faut disposer d’un message clair dataLayer de la CMP indiquant qu’un consentement, ce qui n’est pas chose évidente. Sur le dernier point, les différentes CMP implémentent différents types de pushs dataLayer ce qui n’aide pas à avoir une démarche standardisée

• Les parcours en SPA où il faut envoyer plusieurs pages vues

• Les événements qui peuvent s’envoyer en double comme des view_item_list qui s’envoient au fur et à mesure du scroll utilisateur

• ne pas savoir si un événement est envoyé dans le dataLayer avant ou après l’acceptation

• ne pas savoir si l’utilisateur a déjà préalablement envoyé son consentement

javascript
// récupérer les variables de page et les pousser dans le dataLayer
var variablesDePage = {'page_category': 'xxx', etc...} 
dataLayer.push(variablesDePage);

// préparer les différents dataLayer push à envoyer
function envoiEventsSupplementaires() {
  dataLayer.push({event: 'view_item_list', attributes...}) 
  // etc...
}

// gérer le consentement utilisateur
if (utilisateurADejaDonneSonConsentement) { // à adapter selon la CMP
	dataLayer.push({event: 'page_view'});
  sendEvents()
} else { // pas de choix utilisateur : il faut attendre le choix de l'utilisateur
  when (consentGiven) {
		dataLayer.push({event: 'page_view'});
    sendEvents()
  }

• on envoie l’événement de page_view en dehors de la fonction envoiEventsSupplementaires car c’est cette dernière qui est le plus complexe à mettre en place par le développeur

• Toute la complexité est de trouver le bon code pour chaque CMP pour gérer l’écoute des consentements utilisateur

javascript
window._axcb.push(function(axeptio) {
	axeptio.on("cookies:complete", function(choices) {
		dataLayer.push({event: 'page_view'});
		envoiEventsSupplementaires()
	})
});

javascript
if (document.cookie.indexOf('OptanonAlertBoxClosed')>0) {
  sendEvents()
} else { 
  function OptanonWrapper() { 
    OneTrust.OnConsentChanged(function() { 
			dataLayer.push({event: 'page_view'});
      envoiEventsSupplementaires()
    })
  }
}

• Le cookie OptanonAlertBoxClosed est créé lorsque l’utilisateur ferme la bannière cookie (et donc a fait ses choix).

• La fonction OptanonWrapper est faite pour être appelée une fois que le script de la CMP est chargé, à ce moment toutes les méthodes javascript de cette dernière sont accessible, dont OnConsentChanged qui repère le moment ou un utilisateur donne ses consentements

• On ne peut pas utiliser de manière élégante le cookie pour détecter un choix utilisateur, il faudra scripter une vérification toutes les secondes par exemple (ou autre pas de temps).

✍️

Auteur

Edward Bunzl

10 ans dans le conseil dont 4 chez Converteo en tracking et Web Analyse. Ingénieur de formation à Télécom Paris. Edward supervise le succès client et la R&D interne.

→ Suivez-moi sur Linkedin

Suivez Starfox Analytics sur Linkedin Un besoin, une question ? Notre équipe vous répondra au plus vite. → Suivez Starfox sur Linkedin