Dernière mise à jour le : 1 Sep, 2020

Configurer et installer CookieBot via Google tag Manager

    Dans cet article, nous allons voir comment configurer puis implémenter l’outil CookieBot, via GTM. Cet outil a l’avantage d’être relativement simple, et peu couteux. Il est donc parfait pour un petit site.

    Update : le 3 septembre 2020, Google a annoncé la sortie en beta du “consent mode“. Le principal intérêt est que, même en l’absence totale de consentement, nous allons remonter des informations dans Google Analytics sans cookies, et de manière agrégée. Pour cela, voir l’article : Installation de CookieBot avec le “consent mode” via Google Tag Manager

    Implémentation automatique ou manuelle ?

    L’une des particularités de CookieBot est d’avoir une fonction automatique, qui en fait un outil particulièrement simple. Le principe est le suivant :

    • On installe le script CookieBot sur son site web.
    • CookieBot va scanner le site pour savoir quels sont les Cookies qui sont appelés, et crée une liste.
    • En fonction des préférences de l’utilisateur, il va automatiquement bloquer l’exécution des scripts associés.

    C’est idéal pour un petit site, si on ne souhaite pas se lancer dans une implémentation avancée. Cependant, il y a des effets de bord, comme le blocage indésirable de certains scripts.

    Dans cet article, nous allons donc présenter l’implémentation “manuelle” de l’outil via Google Tag Manager. Ou plutôt une implémentation “mixte” :

    • Contrôler les balises et les cookies en fonction du consentement de l’utilisateur, en utilisant des déclencheurs dans Google Tag Manager ET
    • Laisser Cookiebot contrôler automatiquement tous les autres cookies non définis par Google Tag Manager, en fonction du consentement donné.

    Configuration de CookieBot

    Les étapes suivantes se déroulent dans l’interface web de CookieBot.

    Configurer son domaine

    Screenshot 2020 07 03 at 17.37.22 | CookieBot : Installation via Google tag Manager et configurationScreenshot 2020 07 03 at 17.38.37.png?X Amz Algorithm=AWS4 HMAC SHA256&X Amz Credential=AKIAT73L2G45O3KS52Y5%2F20200722%2Fus west 2%2Fs3%2Faws4 request&X Amz Date=20200722T123027Z&X Amz Expires=86400&X Amz Signature=efd2ba4bfd4144226ba292a021238ada5e85dd71d3f61055878fb2cdda9e5d0e&X Amz SignedHeaders=host&response content disposition=filename%20%3D%22Screenshot 2020 07 03 at 17.38.37 | CookieBot : Installation via Google tag Manager et configuration

    CookieBot va alors aller scanner automatiquement le site, afin de voir les cookies qu’il trouve, et permettre de les catégoriser dans l’onglet “Cookies” :

    Screenshot 2020 07 03 at 17.38.37 | CookieBot : Installation via Google tag Manager et configuration

    Configurer la fenêtre de dialogue

    C’est assez simple à comprendre. A noter que, pour être réellement conforme :

    • La méthode de consentement doit être explicite (c’est à dire qu’un scroll ou la poursuite de la navigation de constituent pas un consentement).
    • Il doit y avoir un bouton “rejeter tout”

    Screenshot 2020 07 03 at 17.39.36 | CookieBot : Installation via Google tag Manager et configuration

    On peut évidemment choisir de modifier le texte par défaut, et visualiser en preview la fenêtre :

    Screenshot 2020 07 03 at 17.42.39 | CookieBot : Installation via Google tag Manager et configuration

    Installation via Google Tag Manager

    Pour en savoir plus, c’est par ici : https://support.cookiebot.com/hc/en-us/articles/360003793854-Google-Tag-Manager-deployment

    Pour cette installation “mixte”, assurez-vous que le script Cookiebot n’est pas exécuté par Google Tag Manager. Supprimez donc soit la balise CMP de Cookiebot, soit le déclencheur “All Pages” qui lui est attribué. De plus :

    • Assurez-vous que le Google Tag Manager est le tout premier script à charger sur votre site web.
    • Marquez votre balise de script Google Tag Manager avec : data-cookieconsent=”ignore”

    Cela permettra de garantir que le gestionnaire de Google Tag sera toujours autorisé à être chargé. Insérez le script Cookiebot avec blocage automatique des cookies immédiatement après le script Google Tag Manager.

    Voici un exemple de ce à quoi cela doit ressembler :

    Screenshot 2020 09 02 at 14.03.23 | CookieBot : Installation via Google tag Manager et configuration

    Charger la variable “Cookiebot Consent State”

    Aller dans variables → Gallerie → “Cookiebot Consent State”

    Screenshot 2020 07 03 at 17.52.23 | CookieBot : Installation via Google tag Manager et configuration

    Ma variable est créée :

    Screenshot 2020 07 03 at 17.53.44 | CookieBot : Installation via Google tag Manager et configuration

    Créer les triggers

    Créer les 3 triggers suivant :

    1. Event Name: cookie_consent_preferences, Event Type: Custom Event, Fires On: Some Custom Events, Filter: Cookie Consent – contains – preferences
    2. Event Name: cookie_consent_statistics, Event Type: Custom Event, Fires On: Some Custom Events, Filter: Cookie Consent – contains – statistics
    3. Event Name: cookie_consent_marketing, Event Type: Custom Event, Fires On: Some Custom Events, Filter: Cookie Consent – contains – marketing

    Screenshot 2020 07 03 at 17.57.43 | CookieBot : Installation via Google tag Manager et configuration

    Voilà à quoi doit ressembler votre liste de triggers :

    Screenshot 2020 07 03 at 17.59.25 | CookieBot : Installation via Google tag Manager et configuration

    Déclencher les tags de manière conditionnelle

    Par exemple, nous allons utiliser le trigger “statistics” précédemment créé afin de déclencher le tag Google Analytics :

    Screenshot 2020 07 03 at 18.01.32 | CookieBot : Installation via Google tag Manager et configuration

    Cela signifie que le tag Google Analytics ne se déclenchera que lorsque l’utilisateur aura donné son consentement.

    Pour en savoir plus sur la gestion du consentement lors du déclenchement du tag analytics, tout est expliqué dans cet article : https://www.unnest.co/dossiers/google-analytics-rgpd-consentement/

    Tester

    Dans la console GTM

    Dans la console de Preview de GTM, on voit maintenant 2 choses :

    • D’une part 3 nouveaux évènements, qui correspondent aux évènements de consentement
    • Une variable “Cookie consent”, dont le contenu dépend de ce qui a effectivement été validé par l’utilisateur :

    Screenshot 2020 07 22 at 15.24.11 | CookieBot : Installation via Google tag Manager et configuration

    Sur le site web en production

    Pour tester, c’est assez simple. Ouvrez une nouvelle fenêtre Chrome (en mode incognito). Et ne faites rien. Regardez les cookies qui sont chargés : il ne devrait pas y avoir les cookies Google Analytics.

    Cliquez maintenant sur “autoriser la sélection”. Et il devrait y avoir cette fois les tags Google analytics :

    Screenshot 2020 07 03 at 18.10.58 | CookieBot : Installation via Google tag Manager et configuration

      Faire remonter le statut du consentement dans une “custom dimension” de Google Analytics

      Pour des raisons de test, de debug, et de statistiques, il est toujours intéressant de stocker l’information de consentement pour une utilisateur. Pour cela, nous allons utiliser une “custom dimension” dans laquelle nous allons tocker la valeur de la variable “Cookie Consent” :

      Créer la dimension dans Google Analytics

      Il faut d’abord créer la “dimension personnalisée”, afin de recueillir la donnée. Dans Admin → Custom Definitions → Custom Dimensions :

      Screenshot 2020 09 28 at 11.15.09 | CookieBot : Installation via Google tag Manager et configuration

      Définir la “custom dimension”. Sachant que la consentement peut varier au cours d’une même session; nous allons choisir comme scope le “hit” :

      Screenshot 2020 09 28 at 11.16.07 | CookieBot : Installation via Google tag Manager et configuration

      Modifier le tag dans Google Tag Manager

      Nous allons simplement modifier notre variable de type “Google Analytics setting” de la manière suivante :

      Screenshot 2020 09 28 at 11.15.09 | CookieBot : Installation via Google tag Manager et configuration

      Et voilà. Vous allez maintenant retrouver le statut du consentement dans Google Analytics au sein des différents rapports.

        0 Comments

        Submit a Comment

        Your email address will not be published. Required fields are marked *

        Suivez l'actualité Data

        Newsletter UnNest

        Ne manquez aucun contenu : recevez chaque mois la liste des derniers articles publiés.