À partir de mars 2024, l’utilisation d’une CMP compatible avec Consent Mode v2, sera obligatoire pour suivre des publics européens avec Google Ads. A partir du 31 Juillet 2024, c'est au tour de la Suisse !
Axeptio est une CMP partenaire de Google : https://www.axept.io/fr/blog/cmp-partner-program-google
En suivant les étapes de cette documentation, vous vous assurerez de vous conformer aux exigences du Consent Mode v2.
Voici comment mettre en place le Consent Mode v2 avec Axeptio.
1. Activer l'écran spécial dans votre widget
2. Définir les paramètres par défaut du Consent Mode
A. Intégration avec Google Tag Manager
B. Intégration dans le script Axeptio
C. Intégration avec notre module Wordpress
3. Mode basique ou Mode avancé : la question du chargement des services Google
1. Activer l'écran spécial dans votre widget
Tout d'abord, vous devrez activer le Consent Mode au niveau de votre widget de cookies.
Pour cela, rendez-vous dans votre configuration du widget.
Sous les écrans "classiques", vous trouverez l'option "Activer le Consent Mode v2 (écran)" :
En cochant cette option, un nouvel écran sera alors ajouté à votre widget, avec les 4 paramètres du Consent Mode de Google :
Une fois l'option cochée, n'oubliez pas de republier votre projet !
2. Définir les paramètres par défaut du Consent Mode
Ici, vous allez paramétrer les valeurs par défaut du Consent Mode, c'est à dire, pour chaque paramètre, s'il sera accepté ou refusé, et ce avant tout choix de l'utilisateur.
Ce paramétrage devra se faire au même endroit que là où vous chargez Axeptio.
Par exemple, si vous chargez Axeptio via notre module Wordpress, la configuration se fera dans ce module. Si vous chargez Axeptio directement via notre script en dur, alors la modification se fera directement dans le script. Et si vous chargez Axeptio via GTM, cela se fera dans GTM.
Rendez-vous dans la section correspondant à votre installation d'Axeptio :
A. Intégration avec Google Tag Manager
B. Intégration dans le script Axeptio
C. Intégration avec notre module Wordpress
A. Intégration avec Google Tag Manager
Tout d'abord, il vous faudra récupérer notre modèle de balise "Axeptio CMP", disponible dans la galerie de balises Google Tag Manager.
Pour cela, rendez-vous dans la section "Modèles" dans votre conteneur GTM, puis cliquez sur "Rechercher dans la galerie" :
Cherchez dans la fenêtre qui s'ouvre "Axeptio CMP". Une fois celle-ci trouvée, ajoutez-là à votre espace de travail :
Maintenant que le modèle a été ajouté, nous allons pouvoir créer une balise à partir de celui-ci.
Rendez-vous donc dans la section "Balises" de votre conteneur et créez-en une nouvelle.
Dans la configuration de votre nouvelle balise, sélectionnez le modèle "Axeptio CMP" :
Renseignez ensuite l'ID de votre projet Axeptio et la version de cookies dans les champs correspondants. C'est la section qui va gérer le chargement d'Axeptio.
Pour rappel, si vous chargiez déjà Axeptio d'une autre façon via GTM, il vous faudra désactiver l'ancienne balise au profit de celle-ci.
Si vous utilisiez déjà le modèle Axeptio CMP pour charger Axeptio et que ces champs sont déjà remplis, vous pouvez sauter cette étape.
Nous allons maintenant nous intéresser à la section "Google Consent Mode v2" de cette balise.
Vous y trouverez une case à cocher pour activer la prise en charge du Consent Mode v2.
Une fois celle-ci cochée, de nouveaux champs apparaitront :
Nous allons ici pouvoir définir les valeurs par défaut du Consent Mode, en fonction de la région.
Cliquez sur "Ajouter une ligne".
Dans le champ "Region", renseignez le code de région pour laquelle ces paramètres par défaut s'appliqueront. Si vous laissez ce champ vide, cela s'appliquera à tout le monde. Ce champ est à remplir selon la norme ISO 3166-2, par exemple pour la France, le code à mettre est "FR".
Vous avez ensuite un menu déroulant pour chacun des 4 paramètres du Consent Mode v2.Pour chaque paramètre, vous pouvez régler s'il sera en Granted (accepté) ou en Denied (refusé) par défaut Pour rappel, voici les 4 paramètres du Consent Mode :
- analytics_storage : autorise Google Analytics à mesurer comment le visiteur utilise le site
- ad_storage : autorise Google à sauvegarder des informations publicitaires sur l'appareil du visiteur
- ad_user_data : autorise le partage des données d'activité du visiteur avec Google pour des publicités ciblées
- ad_personalization : autorise la personnalisation de l'expérience publicitaire du visiteur en permettant à Google de personnaliser les publicités qu'il voit.
Voici un exemple où les paramètres ad_storage et analytics_storage sont par défaut acceptés (granted), alors que ad_user_data et ad_personalization sont par défaut refusés (denied). Il s'agit uniquement d'un exemple et la réglementation peut varier en fonction des régions. Par exemple, pour les visiteurs provenant des pays de l'union Européenne couverts par le RGPD, il est recommandé de mettre tous ces paramètres en denied par défaut :
Une fois les différents champs remplis, vous pouvez valider l'ajout de votre ligne.
Notez qu'il est possible de créer plusieurs lignes, notamment pour avoir différentes configurations en fonction des régions.
Par exemple, je vais créer une ligne qui sera par défaut, et une ligne spécifique pour les Etats-Unis.
Dans ma ligne par défaut, je vais régler mes 4 paramètres sur Denied, alors que dans celle pour les Etats-Unis, tout sera en Granted. J'obtiens alors deux lignes comme ceci :
Par ce paramétrage, mes visiteurs ne seront pas trackés par défaut, sauf pour les visiteurs provenant des Etats-Unis.
Concernant les deux dernières options "Redact Ads Data" et "Pass through URL parameters", ce sont des options de fonctionnement supplémentaires qui sont expliqués au survol du "?" à côté de l'option.
Il ne reste plus qu'à charger notre balise au bon moment, c'est à dire le plus tôt possible !
Pour cela, rendez-vous dans la section "Déclenchement" de votre balise, et ajoutez un déclencheur "Consent Initialization - All Pages" comme ceci :
Il ne reste plus qu'à enregistrer votre balise, et le Consent Mode est maintenant bien actif sur votre site ! Félicitations
B. Intégration dans le script Axeptio
Si vous chargez Axeptio directement via notre script, vous devriez avoir quelque chose comme ceci :
<script>
window.axeptioSettings = {
clientId: "votreProjectID",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
Nous allons rajouter dans l'objet axeptioSettings un objet googleConsentMode, qui contiendra les paramètres par défaut du Consent Mode, c'est à dire pour chaque paramètre, est-ce qu'il accepté ou refusé avant tout choix de l'utilisateur, dès qu'il arrive sur le site.
Pour rappel, voici les 4 paramètres du Consent Mode :
- analytics_storage : autorise Google Analytics à mesurer comment le visiteur utilise le site
- ad_storage : autorise Google à sauvegarder des informations publicitaires sur l'appareil du visiteur
- ad_user_data : autorise le partage des données d'activité du visiteur avec Google pour des publicités ciblées
- ad_personalization : autorise la personnalisation de l'expérience publicitaire du visiteur en permettant à Google de personnaliser les publicités qu'il voit.
Chacun de ces paramètres peut être réglé par défaut soit en "denied" (refusé) ou en "granted" (accepté).
Nous allons également passer un paramètre "wait_for_update" qui permettra d'indiquer aux services Google d'attendre le consentement pendant un temps défini avant de faire quoi que ce soit.
Ce paramètre prend comme valeur un nombre entier, qui correspond au nombre de millisecondes que ce délai d'attente va durer.
Un autre paramètre facultatif est le paramètre "region", qui permet d'indiquer des paramètres par défaut spécifiques pour une région donnée. Ce paramètre prend comme valeur le code ISO 3166-2 de la région. Par exemple, pour la France, ce code est "FR".
Voici un exemple dans lequel les 4 paramètres sont refusés par défaut, pour toutes les régions confondues, avec un délai de 500 millisecondes, qui est le délai d'attente standard.
window.axeptioSettings = {
clientId: "votreProjectID",
googleConsentMode: {
default: {
analytics_storage: 'denied',
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
wait_for_update: 500,
}
}
};
Voyons maintenant un exemple, où pour tous mes visiteurs, tout est refusé par défaut, sauf pour ceux provenant des Etats-Unis, où les paramètres du Consent Mode seront acceptés par défaut.
window.axeptioSettings = {
clientId: "votreProjectID",
googleConsentMode: {
default: [
{
analytics_storage: 'denied',
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
wait_for_update: 500,
},
{
region: ['US'],
analytics_storage: 'granted',
ad_storage: 'granted',
ad_user_data: 'granted',
ad_personalization: 'granted',
wait_for_update: 500,
}
]
}
};
Une fois vos paramètres bien définis, le Consent Mode est maintenant actif sur votre site. Félicitations !
C. Intégration avec notre module Wordpress
Rendez-vous dans votre admin Wordpress, puis dans votre module Axeptio.
Vous trouverez dans la section "Configuration" une toute nouvelle option pour activer le Consent Mode v2.
Si vous ne voyez pas cette option, vérifiez si vous avez bien la dernière version de notre module Wordpress.
Une fois l'option activée, vous verrez apparaitre les quatre paramètres du Consent Mode v2.
Pour chaque paramètre, vous pouvez régler sa valeur par défaut en cochant ou non la case à gauche du paramètre. Si la case est cochée, le paramètre sera en "Granted" par défaut, alors que si la case est décochée, le paramètre sera en "Denied" par défaut.
Il est recommandé pour vos visiteurs venant de la zone Euro, de régler les quatre paramètres sur "Denied" par défaut, comme dans l'exemple ci-dessus.
Une fois vos réglages effectués, n'oubliez pas d'enregistrer vos modifications en bas de la page.
Le Consent Mode v2 est maintenant activé sur votre site !
3. Mode basique ou Mode avancé : la question du chargement des services Google
Google décrit deux modes de fonctionnement du Consent Mode : le mode basique et le mode avancé.
Dans le mode basique, vos services Google ne devront être chargés qu'après consentement. Cela correspond à une intégration "classique" d'Axeptio, où Axeptio sera le chef d'orchestre qui décide quand les services Google sont chargés. Pour mettre en place cette intégration, vous pouvez vous appuyer sur nos documentations existantes :
- Si vous chargez vos services Google avec Google Tag Manager : Interface Google Tag Manager
- Si vous chargez vos services Google avec Gtag.js : Intégration / synchronisation custom
Avec le mode basique, vous êtes sûr que rien n'est chargé sur votre site avant le consentement du visiteur !
Dans le mode avancé, vos services Google seront chargés dès l'arrivée sur le site, peu importe si le visiteur a déjà accepté ou non les cookies. Ce mode permet d'après Google de pouvoir faire des modélisations plus précises sur les visiteurs ayant refusé, en collectant des données anonymes sur ces derniers.
Dans ce mode, vous n'aurez donc pas à contrôler le consentement avant de charger vos services Google.
Par exemple :
- dans Google Tag Manager, vous pouvez charger vos balises Google en "All pages"
- ou si vous chargez vos services Google via Gtag.js, vous pourrez charger le script directement sans condition comme ce serait le cas dans une intégration "classique" d'Axeptio
Avec le mode avancé, vous donnez toute leurs chances à vos services Google pour avoir la donnée la plus qualifiée !