Comment installer une bannière de cookies avec Google Tag Manager

Tous les articles

Vous l'installez comme la toute première chose que fait Tag Manager. Placez votre bannière de consentement, en balise Custom HTML ou en modèle de CMP, sur le déclencheur Consent Initialization - All Pages. Mettez-y Consent Mode à refusé par défaut, avant qu'aucune autre balise ne s'évalue, puis laissez le choix du visiteur le mettre à jour. Toutes les autres étapes reposent sur cet ordre.

Pourquoi l'ordre fait tout le travail

Installer une bannière dans Tag Manager ne tient pas vraiment à la bannière. Il s'agit de s'assurer que la bannière fixe l'état du consentement avant que vos balises de mesure et publicitaires décident de se déclencher ou non. Réussissez cette séquence et tout le reste se met en place. Ratez-la et vous avez une bannière parfaite en apparence qui ne bloque rien, parce que GA4 s'est déjà déclenché pendant que la bannière chargeait encore.

Tag Manager vous donne un déclencheur conçu exactement pour cela : Consent Initialization - All Pages. Son exécution est garantie avant tous les autres déclencheurs, y compris le déclencheur All Pages ordinaire. Votre état de consentement par défaut et votre bannière ont tous deux leur place là, et presque toutes les installations cassées qu'on nous appelle à réparer en avaient placé une ailleurs.

L'installation, dans l'ordre

Six étapes, dans cet ordre. Les quatre premières mettent la bannière en ligne ; les deux dernières sont les vérifications qui séparent une bannière qui fonctionne d'une bannière qui en a seulement l'air.

1. Fixez d'abord l'état de consentement par défaut

   Ajoutez une balise Consent Mode sur le déclencheur Consent Initialization - All Pages qui met ad_storage, analytics_storage, ad_user_data et ad_personalization à refusé par défaut. Elle doit s'exécuter avant que toute autre balise s'évalue, ce que le déclencheur Consent Initialization garantit précisément. Les quatre signaux doivent être présents, pas seulement les deux liés à la mesure.

2. Chargez la bannière sur le même déclencheur

   Ajoutez votre bannière de consentement dans une balise Custom HTML, ou via un modèle de CMP de la Community Gallery, sur le même déclencheur Consent Initialization - All Pages. La bannière s'affiche alors avant que vos balises de mesure et publicitaires aient la moindre chance de se déclencher : le visiteur choisit pendant que les balises attendent encore, et non après qu'elles se sont exécutées.

3. Mettez à jour le consentement quand le visiteur choisit

   Branchez les actions Accepter et Refuser de la bannière pour qu'elles poussent une mise à jour du consentement dans Tag Manager, en faisant passer les signaux concernés à accordé ou en les laissant refusés. Les balises retenues sur la même page peuvent alors se déclencher dans le bon état. C'est le maillon qui transforme une bannière statique en véritable commande de consentement.

4. Conditionnez les balises non essentielles

   Conditionnez vos balises tierces. Dans chacune, ouvrez Advanced Settings, puis Consent Settings, et ajoutez une exigence de consentement supplémentaire, pour que la balise ne se déclenche qu'une fois le signal correspondant accordé. Les balises de Google elles-mêmes font exception, et ce n'est pas une affaire de goût. Une balise GA4 ou Google Ads embarque des contrôles de consentement intégrés et applique elle-même le choix du visiteur. Une exigence supplémentaire par-dessus l'arrête net sur toute visite où ce signal est refusé. C'est un comportement basique sur une balise que vous vouliez en mode avancé. Laissez-les sur aucune exigence de consentement supplémentaire. Les balises essentielles restent sans condition. Une bannière sans balise conditionnée n'est qu'un décor : elle recueille un choix puis l'ignore.

5. Vérifiez que la bannière se déclenche avant GA4

   Ouvrez le mode Preview et le panneau réseau du navigateur, et chargez la page comme un nouveau visiteur. Vérifiez que les balises de Consent Initialization se déclenchent en premier et que l'état refusé par défaut est posé avant que GA4 n'envoie quoi que ce soit. C'est la vérification que les guides des éditeurs sautent, et c'est là que la plupart des configurations cassent en silence : le conteneur se charge une fraction trop tard, GA4 se déclenche sans état de consentement, et le mode Preview reste au vert.

6. Testez la visite de retour, pas seulement la première

   Supprimez le cookie de consentement et rechargez, puis rechargez une nouvelle fois avec le cookie déjà posé. Un visiteur qui revient avec un choix enregistré doit voir cet état restauré sans que la bannière réapparaisse et sans que les balises qu'il a refusées se déclenchent. Une première visite qui passe ne garantit pas que la visite suivante passe, et les bugs de consentement périmé n'apparaissent jamais qu'au second chargement.

Là où ça casse en silence

Les étapes d'installation ci-dessus sont la partie facile. Les échecs se logent tous dans les angles morts que les tutoriels survolent. Le premier, c'est le timing. Si votre conteneur se charge en asynchrone et qu'une balise Google se trouve dans la page plutôt que dans le conteneur, cette balise peut se déclencher avant même que Tag Manager ait analysé le déclencheur Consent Initialization. Le mode Preview, qui attend le conteneur, ne vous le montrera pas. Seul le panneau réseau en direct le fera.

La deuxième, c'est la différence entre une bannière qui se déclenche et une balise qui obéit. Un modèle de CMP peut se charger parfaitement sur le bon déclencheur et votre balise GA4 peut malgré tout se déclencher sur une session refusée, parce que conditionner les balises au consentement est une étape distincte, facile à oublier. Vérifiez-le en refusant le consentement et en lisant le panneau réseau. Avec le Consent Mode avancé, une requête collect sans cookie marquée gcs=G100 est attendue ; une requête marquée gcs=G111, un nouveau cookie _ga ou une balise extérieure à Google qui se déclenche, voilà la fuite. La troisième, c'est le visiteur qui revient avec un choix enregistré : presque personne ne le teste, et c'est là que remontent les cas limites régionaux et les cookies périmés.

Aucun de ces cas ne déclenche d'erreur. C'est ce qui les rend coûteux : une fuite à cet endroit fausse discrètement la part de votre trafic mesuré qui se trouve derrière la bannière, alors que tous les tableaux de bord affichent encore des chiffres normaux. La taille de cette part dépend de votre région, de votre audience et du design de votre bannière. Pour la mesurer sur votre propre site, consultez le taux de consentement dans votre CMP, ou comparez les sessions GA4 aux requêtes que votre serveur ou votre CDN enregistre pour les mêmes pages.

C'est toute la raison d'être de Velo. Il livre l'ordre de Consent Initialization, les quatre signaux refusés par défaut, le câblage de l'acceptation et du refus et la piste d'audit en une seule couche configurée. La séquence ci-dessus est alors correcte par défaut, au lieu d'être réassemblée à la main dans une balise Custom HTML chaque fois que votre site change. Vous installez une balise, et l'ordre est géré pour vous. Pour les équipes qui préfèrent tout câbler elles-mêmes, le modèle GTM vous donne le même ordre comme point de départ.

Votre prochaine étape en confidentialité web.

La confidentialité de votre site, au même endroit. Bannières de consentement, registres et analyses avec IA.