Configurer le Consent Mode V2 avec Axeptio

Mis à jour : vendredi 1 mars 2024

Dans mon projet Axeptio, je vais dans Bannière de cookies.

Menu de création d'une bannière cookie dans Axeptio
Menu de création d'une bannière cookie dans Axeptio

Je crée ensuite une nouvelle configuration cookies.

Création d'une configuration cookie dans Axeptio
Création d'une configuration cookie dans Axeptio

L’activation du Consent Mode V2 va permettre d’ajouter une nouvelle étape dans la bannière. Cette étape va permettre de récupérer le consentement utilisateur pour les balises Google.

Création d'une configuration cookie dans Axeptio
Création d'une configuration cookie dans Axeptio

J’enregistre cette configuration et je publie ma bannière cookie.

Publication de ma bannière cookie Axeptio
Publication de ma bannière cookie Axeptio

J’importe la balise Axeptio CMP qui est disponible dans la gallerie de modèle de Google Tag Manager.

Ajout de la balise Axeptio CMP dans Google Tag Manager
Ajout de la balise Axeptio CMP dans Google Tag Manager

Je configure la balise Axeptio CMP

La balise me demande deux informations :

  1. Le project ID
  2. La Cookies Version

Je peux retrouver ces informations dans les réglages de ma bannière cookie en cliquant sur Intégrez sur votre site.

Bouton pour afficher les réglages d'intégration de la bannière.
Bouton pour afficher les réglages d'intégration de la bannière.
Récupération du project id et de la cookies version.
Récupération du project id et de la cookies version.

Je copie colle ces valeurs dans la balise Axeptio CMP dans Google Tag Manager.

Configuration de la balise Axeptio CMP
Configuration de la balise Axeptio CMP

J’active maintenant le Consent Mode V2 dans les paramètres de la balise. Ici vous pouvez choisir la valeur par défaut des 4 signaux de consentement du Consent Mode V2.

Dans cet exemple, je mets tous les signaux de consentement à denied par défaut.

Configuration de la balise Axeptio CMP
Configuration de la balise Axeptio CMP

Ensuite, je veux que cette balise se déclenche le plus tôt possible pour que le consentement soit configuré avant le déclenchement de toute autre balise.

Je choisis donc le déclencheur Consent Initialization - All Pages.

Configuration de la balise Axeptio CMP
Configuration de la balise Axeptio CMP

J’enregistre et je vais maintenant passer à la configuration du Consent Mode V2.

Mode Advanced avec Google Tag Manager

Pour le mode Advanced, vous pouvez configurer les déclencheurs de vos balises Google normalement. Vous n’avez pas de configuration supplémentaire à faire à ce niveau là.

En fonction de l’interaction de l’utilisateur avec la bannière Axeptio, les signaux de consentement vont se mettre à jour et les balises Google vont adapter leur comportement.

Voici ce que j’ai fait sur mon conteneur.

Configuration des balises Google pour le mode Advanced
Configuration des balises Google pour le mode Advanced

Mode Basic avec Google Tag Manager

Dans ce mode, je vais bloquer les balises Google si je n’ai pas le consentement de l’utilisateur.

Pour cela, je vais ajouter un consentement supplémentaire sur toutes les balises Google.

Blocage de la balise si le signal de consentement `analytics_storage` est à denied
Blocage de la balise si le signal de consentement analytics_storage est à denied

Dans cet exemple, j’ai ajouté le consentement supplémentaire analytics_storage car il s’agit de la balise Google qui permet d’envoyer des événements à Google Analytics 4.

Pour les balises de suivi des conversions Google Ads et le Conversion Linker, vous pouvez ajouter le consentement supplémentaire ad_storage.

Pour les balises qui se déclenchent au chargement de la page

Le mode basic nécessite de connaître le dernier état de consentement avant de déclencher la balise, c’est pour cette raison que je vais la déclencher sur l’événement axeptio_update envoyé par CookieYes dans la Data Layer lorsque le consentement a été mis à jour.

Je configure aussi le déclenchement en Une fois par page à la place de Une fois par événement. Ceci permet d’éviter que la balise se déclenche plusieurs fois sur une seule page si l’utilisateur met plusieurs fois son consentement à jour.

Voici la configuration pour une balise qui se déclenche au chargement de page.

Configuration d'une balise Google qui se déclenche au chargement de la page
Configuration d'une balise Google qui se déclenche au chargement de la page

Je vais maintenant tester dans le Tag Assistant avec cet état de consentement au moment de la mise à jour du consentement :

Signal de consentementÉtat
analytics_storagedenied
ad_storagegranted
Test de la bonne configuration du mode basic avec le Tag Assistant
Test de la bonne configuration du mode basic avec le Tag Assistant

Pour les balises qui se déclenchent entre deux chargements de page

Pour ces balises, c’est plus simple, je peux les déclencher sur les événements habituels.

J’ai juste besoin d’ajouter une condition à mon déclencheur. Dans cette condition, je vais lire le cookie axeptio_authorized_vendors et vérifier que le consentement est donné pour la balise en question.

Voici la configuration d’un déclencheur pour une balise qui se déclenche entre deux chargements de page.

Configuration d'un déclencheur pour une balise qui se déclenche entre deux chargements de pages
Configuration d'un déclencheur pour une balise qui se déclenche entre deux chargements de pages

Voici à quoi ressemble mon conteneur après la configuration du mode basic.

Conteneur avec le Consent Mode V2 en mode basic avec Axeptio
Conteneur avec le Consent Mode V2 en mode basic avec Axeptio

Avec une extension

L’extension Consent Mode Inspector vous permet de vérifier la bonne implémentation du Consent Mode V2.

Configuration AxeptioÉtat de consentementHistorique de consentement

Avec la console du navigateur

Vérification de la configuration du consent mode v2 dans l'onglet Network de la console
Vérification de la configuration du consent mode v2 dans l'onglet Network de la console