Passer au contenu principal

Installer Google Tag Manager et une bannière de cookies avec CookieYes

Comment installer Google Tag Manager et une bannière de consentement (CookieYes) pour que vos outils de suivi ne se déclenchent qu'après le choix du visiteur, conformément à la Loi 25.

Pourquoi une bannière de consentement

Au Québec, la Loi 25 exige le consentement du visiteur avant tout suivi à des fins d'analyse ou de marketing. Il faut donc une bannière de cookies, et vos outils de suivi ne doivent se déclencher qu'après l'acceptation.


​

La méthode que nous recommandons : Google Tag Manager (GTM) pour gérer vos outils de suivi au même endroit, et CookieYes pour la bannière. Ne collez pas un code de suivi directement dans votre site : il ne serait pas conforme.

Point clé : les étapes 3 et 4 (le lien entre la bannière et vos balises) sont ce qui empêche vos pixels de se lancer avant l'acceptation. Ne les sautez pas.


​

Ce qu'il vous faut

  • Un compte Google (celui de votre entreprise).

  • Un site WelcomeSpaces avec accès à la section Code personnalisé de vos paramètres.

  • Environ 30 minutes. Notre équipe peut aussi faire la configuration avec vous (voir la fin de l'article).

Les 5 étapes

  1. Créer Google Tag Manager et l'ajouter à votre site

  2. Ajouter la bannière CookieYes

  3. Créer le déclencheur de consentement

  4. Ajouter vos autres balises

  5. Publier et vérifier


​

Étape 1 : créer Google Tag Manager et l'ajouter à votre site

  1. Allez sur tagmanager.google.com et créez un compte, puis un conteneur de type Web. Donnez-lui le nom de votre domaine.

  2. Google affiche deux morceaux de code : un pour l'en-tête (head) et un pour le corps (body). Copiez-les.

  3. Dans WelcomeSpaces, ouvrez les paramètres de votre site, section Code personnalisé, collez les deux morceaux de code et publiez votre site.


​

Étape 2 : ajouter la bannière CookieYes

Dans CookieYes

  1. Créez un compte sur cookieyes.com. Le plan gratuit couvre jusqu'à 5 000 pages vues par mois et inclut le mode de consentement Google. Les 14 jours gratuits sont un essai des plans payants : vous pouvez rester sur le plan gratuit ensuite.

  2. Ajoutez votre site, choisissez la langue de la bannière et personnalisez-la.

  3. Dans les réglages du compte, activez Support GCM (mode de consentement Google).

  4. Choisissez quand les balises Google peuvent se lancer, avec l'option Allow Google tags to fire before consent :

    • Désactivée (recommandé) : aucune donnée n'est envoyée à Google avant le choix du visiteur.

    • Activée : Google reçoit des signaux anonymes sans cookies avant le choix, ce qui améliore les estimations de conversions mais n'est pas « rien avant consentement ».

  5. Ouvrez Advanced Settings, puis Get Installation Code et Copy Code. Dans l'adresse du script (src), copiez seulement votre Website Key, pas l'adresse complète.

Dans Google Tag Manager

  1. Allez dans Balises, Nouvelle, Configuration de la balise, puis Discover more tag types in the Community Template Gallery. Cherchez CookieYes CMP et cliquez sur Ajouter à l'espace de travail.

  2. Dans la balise, collez la Website Key.

  3. Sous Default Consent Settings, cliquez sur Add Setting, mettez toutes les catégories de cookies (sauf les cookies nécessaires) à Disabled, entrez All dans le champ région, puis cliquez sur Add.

  4. Pour le déclencheur, choisissez Consent Initialization - All Pages, puis enregistrez.

Attention : n'ajoutez pas le script CookieYes directement dans votre site. Il entrerait en conflit avec Tag Manager.


​

Étape 3 : créer le déclencheur de consentement

Cette étape se fait une seule fois par catégorie (analyse, publicité). CookieYes envoie l'événement cookie_consent_update à chaque chargement de page et à chaque choix du visiteur. Le déclencheur ci-dessous vérifie en plus que la catégorie voulue a été acceptée.


​

La variable

  1. Dans Tag Manager, ouvrez Variables, Nouvelle, type Cookie propriétaire (1st Party Cookie).

  2. Nom du cookie : cookieyes-consent.

  3. Nommez la variable Consentement CookieYes et enregistrez.

Le déclencheur

  1. Ouvrez Déclencheurs, Nouveau, type Événement personnalisé.

  2. Nom de l'événement : cookie_consent_update, et cochez Utiliser la correspondance regex. Si vous avez désactivé Support GCM dans CookieYes, entrez plutôt .*.

  3. Sous Ce déclencheur se déclenche sur, choisissez Certains événements personnalisés, puis ajoutez la condition : Consentement CookieYes contient :

    • advertisement:yes pour la publicité

    • analytics:yes pour l'analyse

  4. Nommez le déclencheur (par exemple Consentement publicité) et enregistrez. Répétez pour l'autre catégorie au besoin.


​

Étape 4 : ajouter vos autres balises

Vos outils de suivi (analyse, publicité, pixels) s'ajoutent ensuite dans Tag Manager. Le réglage dépend du type de balise.


​

Balises Google (Google Analytics, Google Ads)

Choisissez le type de balise Google correspondant, avec le déclencheur habituel All Pages. Elles respectent automatiquement le choix du visiteur. N'ajoutez pas de consentement supplémentaire : Google le déconseille pour ces balises.


​

Autres balises (pixels de suivi, HTML personnalisé)

Deux réglages, tous deux nécessaires :

  1. Comme déclencheur, choisissez celui de l'étape 3 qui correspond à l'outil (publicité pour un pixel Meta, analyse pour un outil de statistiques).

  2. Dans Paramètres de consentement, activez Exiger un consentement supplémentaire et ajoutez ad_storage (publicité) ou analytics_storage (analyse). C'est un filet de sécurité : la balise ne se lance que si Google voit aussi le consentement accordé.

Attention : un déclencheur All Pages seul ne suffit pas pour ces balises. Bloquées au chargement, elles ne se redéclenchent jamais après l'acceptation.


​

Étape 5 : publier et vérifier

Publier

  1. Dans Tag Manager, cliquez sur Envoyer, nommez la version (par exemple « Bannière CookieYes ») et cliquez sur Publier.

  2. Dans CookieYes, ouvrez Advanced Settings et cliquez sur Check Now à côté de Check GCM status. Un message de succès confirme le mode de consentement.

Tester

  1. Ouvrez votre site dans une fenêtre de navigation privée. La bannière doit s'afficher.

  2. Avant de cliquer, aucun pixel ni balise soumis au consentement ne doit se charger.

  3. Cliquez sur Accepter tout : les balises se déclenchent. Le mode Aperçu de Tag Manager montre lesquelles et quand.

  4. Rouvrez une nouvelle fenêtre privée et cliquez sur Tout rejeter : vos balises de suivi ne doivent pas se déclencher.


​

Besoin d'aide

Notre équipe peut faire cette configuration avec vous, à l'écran. Réservez une session Support et ayez votre accès Google Tag Manager à portée de main.

Articles connexes
Avez-vous trouvé la réponse à votre question ?