Depuis quelques années il devient compliqué de réaliser un tracking correct de ses publicités. Les gestionnaires de cookies et le RGPD n’ont absolument rien arrangé. J’interviens régulièrement chez des clients où les cookies ne sont pas reliés au logiciel de gestion de cookies, donc pas aux normes.

Dans cet article, je vous partage une méthode pour configurer un gestionnaire de cookies gratuit et le relier à votre Google Tag Manager.

Brancher le logiciel CookieConsent.com

Pour le gestionnaire de cookies, je me base sur une solution déjà existante qui est https://www.cookieconsent.com/. Ce n’est pas le plus beau logiciel, mais il fait le travail et n’est pas avec une tarification au nombre de pages vues. Comme je ne suis pas à l’origine de l’outil, je vous invite à suivre les étapes d’installation de leur outil pour obtenir votre propre code à installer.

1. Choisissez le type : GDPR + ePrivacy Directives est le seul conforme en Europe, comme ça c’est simple…
2. Pour l’étape 2 : rentrez le nom de votre site, choisissez un design, une palette de couleurs, la langue et le lien vers la politique de confidentialité
3. Pour l’étape 3 : on va insérer des scripts qui vont interagir avec le DataLayer, rendez-vous dans la partie suivante de l’article

Configurer l’étape 3 de CookieConsent.com

Pour l’étape 3, c’est assez simple, plutôt que de mettre directement nos scripts de tracking, on va créer des événements dans le DataLayer, que Google Tag Manager pourra récupérer avec le déclencheur « événements personnalisés » et ainsi déclencher le tracking aux conditions souhaitées. Vous n’êtes pas obligés de configurer les 4 types de cookies de l’étape 3, mais si vous remplissez tout, vous n’aurez plus besoin de modifier ce code à l’avenir.

Pour l’étape 3, on va insérer les codes suivants :

Dans Strictly necessary, on va mettre en nom « Cookies nécessaires » et coller le code suivant :

<script type= »text/plain » data-cookie-consent= »strictly-necessary »>

        window.dataLayer.push({

    event: « Cookiesnecessaires »,});

      </script>

Dans Functionality, on va mettre en nom « Cookies de fonctionnalités » et coller le code suivant :

<script type= »text/plain » data-cookie-consent= »functionality »>

        window.dataLayer.push({

    event: « fonctionnalites »,});

</script>

Dans Tracking and Performance, on va mettre en nom « Cookies de tracking » et coller le code suivant :

<script type= »text/plain » data-cookie-consent= »tracking »>

  window.dataLayer.push({

    event: « tracking »,

  });</script>

Et pour finir, dans Targeting and Advertising, on va mettre en nom « Cookies de Remarketing » et coller le code suivant :

<script type= »text/plain » data-cookie-consent= »targeting »>

  window.dataLayer.push({

    event: « remarketing »,

  });</script>    

Ensuite, rendez-vous dans l’étape 4 pour récupérer le code et l’installer en suivant les consignes de CookiesConsent.com. Une fois que le code est branché, si vous vous mettez en prévisualisation sur Google Tag Manager, des événements devraient se lancer en fonction des cookies acceptés :

Déclencher les balises avec Google Tag Manager

Cet article n’est pas un tutoriel sur Google Tag Manager, je ne vais donc pas expliquer en détails tout le fonctionnement du logiciel. Si vous voulez en savoir plus, je vous conseille de regarder quelques vidéos découvertes ou de me contacter pour une formation d’initiation.

L’idée est assez simple. Dans le paragraphe précédent, quand on a ajouté les scripts JavaScript, on a mis un paramètre event à chaque fois. Le nom du paramètre est le nom de l’événement que l’on va utiliser comme déclencheur.

Voici les étapes pour créer les déclencheurs :

1. Aller dans déclencheur –> Nouveau
2. Configuration du déclencheur –> Événement personnalisé
3. Le nom de l’événement dépend du cookies, par exemple pour « Cookies de tracking » l’événement personnalisé est « tracking », pour « Cookies de Remarketing » on mettra « remarketing »

Ensuite il ne vous reste plus qu’à associer les balises qui vont bien et envoyer les modifications, bon courage !