Documentation

Google Tag Manager (GTM)

Le code Google Tag Manager et tout autre script de tracking devrait être en-dessous du script Byscuit. Byscuit doit pouvoir être le plus haut
possible dans ledu site web pour qu’il puisse charger avant les autres outils de tracking. Le script GTM requiert également d’êtrel’élément le plus élevé dans cette partie du code, on optera donc pour placer celui-ci tout de suite après le code de Byscuit.

Pour vérifier que le code est bien positionné:

• Allez sur votre page web et appuyez sur Ctrl+U pour ouvrir le code source de la page
• Vous devriez voir dans les premières lignes le script Byscuit tout juste à l’ouverture du
• Le code Google Tag Manager devrait se trouver tout de suite après le code Byscuit. Un autre script GTM, le code

IMG

PRÉVISUALISATION DU CONSENTEMENT

Avant de continuer et de procéder à l’installation, il faut s’assurer que le Byscuit est bien fonctionnel sur les pages. On doit simplement tester que Byscuit envoie la mise à jour du consentement et que GTM puisse la lire. Pour faire cette vérification, nous allons aller dans GTM et activer le mode Debug.

• Lorsque vous êtes connectés à votre compte GTM, cliquez sur Prévisualiser dans le coin supérieur droit de la page. Si votre GTM
  est en anglais, ce sera écrit Preview.
• Copier-coller l’adresse URL de votre site web dans le champ prévu à cet effet
• Regarder le sommaire à gauche de l’écran. Le sommaire indique les événements détectés par GTM sur le site web. On confirme ici simplement que l’événement « Consent » est bien en position 1 dans le listing des événements.
• Si vous cliquez sur l’événement Consent en première position, vous pouvez ensuite dérouler la section API Call. Les éléments ici seront
  toujours à « Denied ». Lorsque l’utilisateur accepte les cookies ou s’il les a déjà acceptés précédemment, un nouvel événement Consent s’envoie avec le consentement choisi par l’utilisateur.

IMG

PARAMÉTRAGE GTM

Google Tag Manager a un outil intégré pour faciliter la gestion du consentement. Voici comment activer cette fonctionnalité:

• Lorsque vous êtes connectés à votre compte GTM, allez dans la section Admin en cliquant sur l’onglet dans le coin supérieur gauche.
• Dans la colonne de droite, sélectionner Paramètres du conteneur.
• Cocher la case « Activer la vue d’ensemble du consentement »

IMG

MODIFICATIONS AUX DÉCLENCHEURS

Byscuit est conçu pour envoyer un événement personnalisé sur toutes les pages, que GTM peut lire par la suite. Celui-ci s’envoie lorsque Byscuit a confirmé le statut de consentement de l’utilisateur lorsque l’utilisateur confirme son choix, ou lorsqu’il navigue sur le site normalement après son acceptation ou son refus. Cet événement peut être utilisé pour remplacer les déclencheurs Page views
classique. Voici donc les options:

• Continuer d’utiliser les balises Page Views: Le tracking fonctionnera, mais il y a des risques de perdre quelques éléments spécifiques du tracking. Étant donné que la balise Page View se déclenche lors du chargement complet de la page, celle-ci peut s’activer sur la page de destination de l’utilisateur lorsque celui-ci n’a pas encore activer les cookies. La balise Page View s’étant déclenché avant l’acceptation des témoins, cela fera en sorte que l’on puisse manquer cette interaction avec le site web.
  Utiliser un déclencheur par Événement Personnalisé: L’événement « consent_byscuit_updated » s’envoie à toutes les pages, après que
• Byscuit ait confirmé le statut de consentement de l’utilisateur. Il peut donc remplacer la balise Page View. Utiliser un déclencheur Événement Personnalisé avec « consent_byscuit_updated » dans le champ Nom de l’événement.
  Conserver les mêmes conditions de déclenchement que votre balise Page View originale et la balise devrait fonctionner ensuite pareil comme avant.

IMG

Page Vue (Toutes les page) : Cette balise se déclenchera sur toutes les pages, pouvant effectivement remplacer la balise Page View.

IMG

Page Vue (Autres) : Cette balise est un exemple d’un déclencheur qui doit être fait lorsqu’un utilisateur envoie un formulaire.

 

Assumons que nous faisons le choix d’utiliser l’événement personnalisé au lieu de conserver les balises Page View. Il faut maintenant appliquer les nouveaux déclencheurs aux balises. Prenons pour exemple cette balise-ci:

IMG

C’est la balise Google Tag de GA4. Cette balise doit se déclencher sur toutes les pages. Nous devons simplement changer le déclencheur par le déclencheur créé précédemment. On doit faire cette même étape pour tous les déclencheurs Page Views dans le conteneur GTM.

IMG

Les balises changées ainsi auront une balise événement au lieu de la balise Page View.

 

Appliquer le type de consentement aux balises

Il faut maintenant déterminer quel type de consentement dont les balises auront besoin pour se déclencher. Vous pouvez ajouter 5 types
de témoins, mais nous utiliserons principalement ad_storage (Cookies publicitaires) et analytics_storage (Cookies Analytiques).

• ad_storage: Concerne les éléments reliés à la publicité ciblée, le remarketing et tout autre élément similaire.
• analytics_storage: Concerne l’accumulation de données à des fins d’analyse.
  Lorsqu’on n’est pas certain si la balise devrait appartenir à un ou l’autre, il vaut mieux appliquer les deux types de consentement plutôt
  que n’en choisir seulement un.
  Pour appliquer un consentement aux balises:
• Sur votre espace de travail, lorsque vous vous trouver dans la section « Balises », cliquez sur le bouclier avec un crochet en haut à droite.
• Cochez toutes les balises avec un consentement intégré. Cliquez sur le bouclier avec une roue dentelée en haut à droite.
  Sélectionner ensuite « Aucun consentement supplémentaire requis ».
• Les balises n’ayant pas de consentement intégré devront être faites manuellement. Cochez-les individuellement et cliquez sur le même
  bouclier. Selon les critères définis plus haut, appliquer ad_storage et/ou analytics_storage. Un script tel que Clarity sera seulement
  Analytics, tandis que des scripts comme LinkedIn Ads ou Facebook Ads seront les deux.

IMG

 

PHASE DE TESTS : DÉCLENCHEMENT DES BALISES

Si vous avez modifié le déclenchement des balises, il est toujours préférable de tester celles-ci avant de publier votre conteneur.
Pour vérifier le bon fonctionnement:

• Aller en mode Prévisualiser
• Dans la liste de gauche, cliquer sur l’événement « consent_byscuit_updated » et confirmer que les balises se déclenchent sous la section « Tags fired »
• Vous pouvez répéter cette étape pour les autres balises Page Views avec des éléments conditionnels.
• Une fois que vous avez confirmé que tout était fonctionnel et que les balises se déclenchent au moment voulu, vous pouvez publier votre conteneur avec le bouton dans le coin supérieur droit de votre espace de travail sur GTM.

IMG

 

PHASE DE TESTS : DEBUG GA4

Cette partie du test vise à voir si les cookies sont bien bloqués lorsque l’utilisateur a refusé les cookies et qu’ils sont bien accumulés lorsqu’il les a acceptés.

• Ouvrez votre espace de travail sur GTM et ouvrez une page debug en cliquant sur le bouton Prévisualiser
• Ouvrez votre compte GA4. Allez dans la section Admin (Roue dentelée en bas à gauche), puis dans la section « Affichage des données », cliquez sur « DebugView ».
• Avec les éléments faits précédemment, vous devriez déjà avoir accepté les cookies du site web.
  Vous pouvez donc naviguer avec la version debug de GTM. Cela devrait faire apparaître des événements dans le visualisateur en temps réel de GA4. Il se peut que ce dernier ait un certain délai avant de pouvoir se synchroniser.
• Une fois avoir confirmé que les informations entrent correctement, vous pouvez aller au bas de votre site web dans le footer et cliquer sur Gérer mes cookies. Désactiver tous les témoins et sauvegarder votre sélection.
• Naviguer sur le site web avec vos cookies désactivé. Il ne devrait plus y avoir de nouveaux événements dans le debug GA4.
  Si vos tests sont concluants, la configuration avec les outils Google et la partie Analytique sont maintenant terminées.

IMG