Comme évoqué dans un autre article du site la RGPD impose aux éditeurs de sites web de demander le consentement de leur visiteurs avant de déclencher des tags en passant donc par une CMP. Et pour ceux qui ne veulent pas que ce besoin en se transforme en charge il est possible d’utiliser des CMP gratuites pour cette tâche. Cookie Consent Generator est l’une de celles ci et sans aucun doute l’une des plus efficaces pour remplir cet objectif. Voyons donc maintenant comment la mettre en place sur votre site.
Etape 1 : Créer sa bannière de consentement sur Cookie Consent Generator
Cette première étape est très facile à réaliser.
Rendez vous tout d’abord sur le site de Cookie Consent Gererator et remplissez les quelques infos demandées.
Pour la première info nous choisirons l’option GDPR (RGPD) puisque nous sommes en Europe.
Nous entrons ensuite le nom du site sur lequel sera placé la bannière et un logo (optionnel) pour la personnaliser.
Les choix suivants dépendent de vos préférences en terme de design. Il s’agit juste de définir l’emplacement de la bannière, son code couleur principal et sa langue. Si vous avez des hésitations la prévue automatique du site vous aidera à visualiser facilement le résultat.
Et enfin nous pouvons ajouter le lien vers la page contenant la politique de confidentialité de notre site et choisir un id qui servira pour le lien de réouverture de la bannière une fois que les internautes ont déjà fait un premier choix (cette option est obligatoire dans le cadre de la RGPD).
Si vous ne savez pas quoi mettre ici recopiez simplement « #open_preferences_center » (sans oublier le #) comme proposé.
Une dernière section nommée « Add and organize your JavaScript scripts » vous est proposée en fin de page mais nous ne l’utiliserons pas car notre objectif est plutôt de conditionner ensuite le déclenchement de nos tags directement dans Google Tag Manager.
Etape 2 : Poser la bannière de consentement sur son site web
En bas de la page de création de bannière de Cookie Consent Generator nous retrouvons un dernier bouton qui va nous fournir le code de la bannière.
Nous cliquons dessus pour récupérer le code en question.
La chose à savoir avec ce code c’est que contrairement à la plupart des javascripts liés à des sujets de tracking il ne faut pas le placer dans la section <head> du site web mais plus tard dans le code le plus proche possible de la balise html de fermeture </body>.
Nous ne pouvons donc pas l’installer par Google Tag Manager comme nous le ferions pour la plupart des autres CMP mais directement dans le code du site.
Sur la majorité des CMS nous pouvons faire ça par exemple en modifiant le fichier de footer du template du site. Il est aussi possible que le back office du template prévoie une section pour ajouter plus facilement des scripts comme celui ci.
De plus, comme nous souhaitons pouvoir gérer le déclenchement de nos tags dans GTM, nous allons ajouter un code complémentaire qui va envoyer des événements personnalisés à GTM en fonction de l’acceptation des tags par nos visiteurs. Ce code est à placer juste en dessous du code de la bannière en elle même.
<script type="text/plain" cookie-consent="strictly-necessary">
dataLayer.push({
'event': 'cookieconsent-strictly-necessary'
});
</script>
<script type="text/plain" cookie-consent="functionality">
dataLayer.push({
'event': 'cookieconsent-functionality'
});
</script>
<script type="text/plain" cookie-consent="tracking">
dataLayer.push({
'event': 'cookieconsent-tracking'
});
</script>
<script type="text/plain" cookie-consent="targeting-advertising">
dataLayer.push({
'event': 'cookieconsent-targeting-advertising'
});
</script>D’autres éléments de code sont proposés en bas de la page de Cookie Consent Generator mais nous ne les utiliserons pas non plus.
Par contre il nous reste à ajouter un lien cliquable (par exemple en pied de page du site) qui permettra aux visiteurs de réouvrir la bannière s’ils souhaitent modifier leurs choix.
<a href="#" id="open_preferences_center">Renouveler ou modifier votre consentement aux cookies</a>Notons que l’id à utiliser dans ce code est le même que celui que nous avons choisis juste avant de saisir le lien vers notre page de politique de confidentialité durant la création de la bannière.
Etape 3 : Conditionner ses tags dans GTM selon le choix des visiteurs
Nous expliquerons en détail toutes les techniques de conditionnement de tags dans GTM lors d’un autre article ainsi que les options plus avancées comme le Consent Mode (Mode Consentement) de Google.
Dans le cas présent nous allons rester sur un cas simple comme le conditionnement d’un tag marketing comme celui de Meta par exemple.
Pour commencer nous allons donc créer des déclencheurs dans GTM basés sur les événements d’acceptation des cookies par les visiteurs du site.
Dans toutes les options de déclencheurs disponibles dans GTM nous allons utiliser custom event (événement personnalisé).
Et en nom d’événement nous utilisons celui que nous avons affecté aux cookies marketing dans les script personnalisé posé précédemment.
Tant que nous sommes dans la partie déclencheur nous allons créer aussi les déclencheurs pour les autres acceptations (fonctionnalités et analytics). Un déclencheur sur les cookies indispensables n’est pas vraiment utile puisqu’il sera toujours actif.
Rendez vous ensuite dans la partie tags pour créer le code Facebook de base avec comme condition de déclenchement le consentement des utilisateurs aux tags marketing.
Et le tour est joué. Nous avons bien conditionné ce tag marketing au consentement des visiteurs gratuitement à l’aide de la solution Cookie Consent Générator.
Si vous avez d’autres tags à poser il ne vous reste qu’à suivre la même méthode en sélectionnant à chaque fois le déclencheur approprié (marketing, analytics,…) au type de tag que vous utilisez.
Et n’oubliez pas pour finir de vérifier le bon fonctionnement de votre configuration en passant par le mode prévue de GTM avant de déployer votre conteneur.
