Installer le CMP CookieYes avec le mode consentement de Google

Découvrez comment installer, en quelques instants, la plateforme de gestion du consentement CookieYes sur votre site.
PUBLIÉ LE
MIS À JOUR LE

Avec la loi européenne RGPD, la loi 25 au Québec et bien d’autres législations qui bourgeonnent ici et là concernant la protection de la vie privée, il est à présent requis que vous demandiez le consentement de vos utilisateurs.

Google a même développé un mode consentement, pour vous permettre de gérer cette question avec ses outils - dont Google Analytics.

Pour permettre de recueillir le choix de vos visiteurs, vous devez soit utiliser une solution que vous développez, notamment avec une bannière affichée sur votre plateforme, soit mettre en place une “plateforme de gestion du consentement”, aussi appelée “CMP” en anglais (pour “Consent Management Platform”).

Dans cet article, nous parlerons de ces fameuses CMP, et regarderons comment installer l’une d’elle, CookieYes.

Qu’est-ce qu’une CMP ?

Une plateforme de gestion du consentement est une solution clé en main (le service varie toutefois suivant celle que vous choisissez) qui vous permet de demander le consentement à vos visiteurs, à gérer leurs choix, les retenir et parfois même à intégrer ces données dans votre écosystème (votre CRM, notamment).

Cela va donc bien au-delà d’une simple bannière pour cookies. Et c’est particulièrement important pour demeurer conforme avec la loi RGPD, par exemple, qui peut impliquer de sacrés enjeux.

Google a tissé des partenariats avec certaines d’entre elles, mais il en existe bien plus que celles issues de ceux-ci.

Citons deux exemples :

  • Axeptio - une CMP payante, mais qui propose un service complet qui peut même intégrer un accompagnement pour son implémentation et sa personnalisation, et qui a pour force son haut niveau de personnalisation
  • CookieYes - cette CMP très populaire propose un plan gratuit pour les petites plateformes (n’allant pas au-delà de 25 000 pages vues par mois) qui est plus modeste, mais qui peut convenir pour débuter ou pour les sites avec moins de besoins.

Les CMPs et le mode consentement de Google

Si vous souhaitez mettre en place le mode consentement de Google pour Google Analytics et Google Ads, entre autres, vérifiez bien que la CMP qui vous intéresse le supporte par défaut. C’est le cas de la grande majorité de ces solutions.

Les CMPs qui gèrent ce mode vous proposent, normalement, une implémentation dédiée pour celui-ci, notamment avec Google Tag Manager.

Nous allons à présent voir comment procéder avec CookieYes.

Installer CookieYes avec GTM et le mode consentement

Comme mentionné plus haut, CookieYes est l’une des CMPs les plus populaires en ce moment, principalement du fait que la solution est gratuite pour les petits sites et qu’elle est simple à mettre en place.

Nous allons justement regarder ensemble comment ajouter CookieYes sur votre site Web. Passons les étapes en revue.

Créer un compte et ajouter un site Web

Rendez-vous tout d’abord sur le site de CookieYes et créez un compte. Si vous n’êtes pas intéressé(e) par l’offre payante (vous pouvez voir les différents forfaits ici), créez votre compte, n’utilisez pas l’essai gratuit (CookieYes offre autrement un essai gratuit de 14 jours).

Lorsque vous créez votre compte, CookieYes vous demande de préciser un site Web. Vous pouvez en ajouter plus dans votre centre de contrôle par la suite. À la fin du processus, CookieYes va avoir créé une balise d’installation pour votre site. Il vous reste à l’ajouter à ce dernier. Nous allons voir comment procéder avec Google Tag Manager (GTM).

Installer CookieYes avec Google Tag Manager

Note : vous pouvez visionner la vidéo ci-dessus pour voir concrètement comment procéder.

L’avantage de l’approche avec GTM, c’est que c’est très simple, cela permet d’ajouter la bannière et le mode consentement de Google et vous pouvez efficacement tester si cela fonctionne bien.

L’étape suivante est d’aller dans votre conteneur GTM qui est installé sur votre site Web. Rendez-vous dans la section “Balises”, puis cliquez sur “Nouvelle” pour en créer une. Nommez-la “CookieYes”, par exemple. Puis cliquez sur “Configuration de la balise”, puis sur “Découvrez plus de types de balises dans la galerie de modèles de la communauté”. Cherchez “cookieyes” et sélectionnez le modèle appelé “CookieYes CMP”. Enfin, cliquez sur “Ajouter à l’espace de travail”.

Une fois que c’est fait, vous devez ajouter la clé de votre site Web dans la section “Website key” de la balise. Celle-ci se trouve dans la balise d’installation fournie par CookieYes (vous pouvez la retrouver dans la section Paramétrages avancés dans votre centre de contrôle, au besoin), copiez la partie entre “/client_data/” et “/script.js” dans l’attribut “src” du code. Dans l’exemple ci-haut, c’est “dfdfdfdfdfdfdfd”.

Une fois que c’est fait, il reste un dernier paramétrage : ajouter les états de consentement par sorte de permissions. Pour ce faire, cliquez sur “Default Consent Settings” puis “Add settings”. Passez toutes les valeurs dans le panneau de droite à “Disabled”, car au premier chargement du site, les permissions ne devraient pas être données. Cliquez sur “Add”.

Aussi, si vous cliquez dans la section “Other Settings”, vous verrez que, par défaut, le script va écouter le changement du statut de consentement pendant 2000 ms, ce qui est nécessaire avec cette solution, car CookieYes met un peu de temps au chargement de la page à accéder au choix de l’utilisateur.

Il ne reste plus qu’à ajouter un déclencheur. Cliquez sur “Déclenchement” dans votre balise puis sélectionnez “Consent Initialization - All Pages” (Initialisation du consentement - Toutes les pages).

La balise est prête !

Modifier l’apparence de la bannière

Ne publiez pas encore vos changements dans GTM. Nous vous conseillons de tester le tout avant de procéder. Mais, en préambule, vous pouvez aussi ajuster l’apparence de votre bannière. Dans la section “Cookie Banner” de votre compte (sélectionnez bien le bon site en-haut, si vous en avez plusieurs), vous pouvez choisir quelle sorte de bannière afficher, changer les couleurs, le texte, etc.

Nous vous conseillons de personnaliser cela le plus possible pour rendre l’expérience optimale. N’oubliez pas non plus d’ajouter un lien vers vos conditions d’utilisation du site, qui devrait détailler quelles données vous collectez, avec quelles solutions et pour quoi.

Tester

Avant de publier, testez que le paramétrage fonctionne. Cliquez sur “Prévisualiser”. Un nouvel onglet va s’ouvrir. Ajoutez l’URL d’une page de votre site et cliquez sur “Connecter”. Un autre onglet devrait s’ouvrir avec votre page. Sur cette dernière, la bannière devrait apparaître.

Si vous retournez dans l’onglet appelé “Tag Assistant”, vous verrez à gauche des “événements” “consent” et si vous cliquez dans l’onglet de prévisualisation de votre page pour accepter, un autre événement appelé “cookie_consent_update” devrait avoir été déclenché. Cliquez sur ce dernier et rendez-vous dans l’onglet “Consent” au centre de l’écran. Vous devriez voir que les différentes permissions sont à “Granted”. Si vous vérifiez les valeurs dans cet onglet pour les événements “Consent” envoyés avant, ils devraient être à “Denied”. Si c’est ainsi de votre côté, cela fonctionne.

CookieYes garde en mémoire le choix de l’usager grâce à un cookie et le charge avec chaque page.

Paramétrer vos balises

Maintenant que CookieYes est paramétré, il reste à ajuster vos balises. Si votre conteneur ne comprend que des balises pour des outils de Google, vous n’avez rien besoin de faire si vous souhaitez utiliser le mode de consentement avancé (lisez notre guide sur ce sujet).

Si vous souhaitez bloquer complètement le chargement des balises si aucun consentement n’a été donné, et donc utilisé le mode de consentement basic, vous devez le préciser au niveau de chaque balise (et c’est aussi ainsi qu’il faudra procéder pour les balises qui ne sont pas pour des outils Google).

Pour ce faire, ouvrez chacune de vos balises et cliquez sur la section configuration, puis paramétrages avancés et dans la sous-section pour le consentement, choisissez “Require additional consent for tag to fire” (requérir un consentement additionnel pour déclencher la balise). Vous devez choisir quelles permissions sont requises pour déclencher la balise (par exemple, “analytics_storage”).

Lorsque vous avez terminé, publiez vos changements et le tout devrait être effectif. N’oubliez pas de garder un oeil sur vos données au sein des différents outils respectifs pour vous assurer que tout fonctionne correctement.

Voici la documentation complète de CookieYes pour l’implémentation avec GTM.

Vous en voulez plus ? Voici d'autres lectures