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. Chargez votre bannière de consentement via une balise Custom HTML, ou un modèle de CMP, sur le déclencheur Consent Initialization - All Pages, mettez Consent Mode à l'état refusé par défaut avant qu'aucune autre balise ne s'évalue, puis laissez le choix du visiteur le mettre à jour. Réussissez ce seul ordre et chaque balise en aval obéit d'elle-même au consentement.

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

   Sur chaque balise GA4, Google Ads et tierce, réglez les vérifications de consentement intégrées, ou une exigence de consentement supplémentaire, pour que la balise ne se déclenche qu'une fois le signal correspondant accordé. Les balises essentielles restent non conditionnées. Une bannière sans balises conditionnées n'est que décoration : elle recueille un choix puis l'ignore.

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

   Ouvrez le mode Preview et l'onglet réseau du navigateur, chargez la page comme un nouveau visiteur, et vérifiez que les balises Consent Initialization se déclenchent en premier et que l'état refusé par défaut est posé avant que GA4 envoie quoi que ce soit. C'est la vérification que les guides des fournisseurs sautent, et c'est là que la plupart des installations cassent en silence : le conteneur se charge une fraction de seconde trop tard, GA4 se déclenche sans aucun é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 zones que les tutoriels survolent. Le premier, c'est le timing : si votre conteneur se charge de façon asynchrone et qu'une balise Google est présente dans la page plutôt que dans le conteneur, la 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 l'onglet réseau en conditions réelles 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 guettant une requête collect qui ne devrait pas être là. 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 : sur un site typique, environ un tiers des sessions se trouve derrière la bannière, si bien qu'une fuite à cet endroit fausse discrètement une large part de votre trafic mesuré alors que tous les tableaux de bord affichent encore des chiffres normaux. Ces 34% sont une base mesurée sur les implémentations clients d'Amplio Data, pas un taux fixe pour tous les sites, mais c'est assez large pour qu'une fuite de consentement silencieuse ne soit jamais une erreur d'arrondi.

C'est toute la raison d'être de Velo. Il livre l'ordonnancement Consent Initialization, les quatre signaux refusés par défaut, le branchement des actions Accepter et Refuser et le journal d'audit comme une seule couche configurée, si bien que la séquence ci-dessus est correcte par défaut au lieu d'être réassemblée à la main dans une balise Custom HTML à chaque changement sur votre site. Vous installez une balise, et l'ordre est géré pour vous. Pour les équipes qui préfèrent le câbler elles-mêmes, le modèle GTM vous donne le même ordonnancement comme point de départ.

Questions fréquentes

Ajoutez une balise Consent Mode et votre bannière sur le déclencheur Consent Initialization - All Pages pour qu'elles s'exécutent avant toute autre balise, mettez les quatre signaux de consentement à refusé par défaut, branchez les actions Accepter et Refuser de la bannière pour qu'elles poussent une mise à jour du consentement, et réglez les vérifications de consentement sur vos balises GA4 et publicitaires. Confirmez ensuite dans Preview que la bannière se déclenche avant GA4. Le guide de Consent Mode en langage clair détaille les signaux.

Le déclencheur Consent Initialization - All Pages. C'est le seul déclencheur dont l'exécution est garantie avant tous les autres types de déclencheurs, All Pages compris, si bien que votre état refusé par défaut et votre bannière sont en place avant que les balises de mesure ou publicitaires s'évaluent. Installer la bannière sur le déclencheur All Pages ordinaire est de loin la cause la plus fréquente d'une bannière qui ne bloque rien.

Pour installer une bannière, non, mais pour que Google Ads et GA4 continuent de fonctionner correctement sous consentement, oui. Consent Mode est le moyen par lequel le choix de la bannière atteint les balises de Google. Sans lui, une bannière peut bloquer des balises mais ne peut pas récupérer les conversions modélisées que le Consent Mode avancé vous apporte.

Presque toujours parce que les balises ne sont pas conditionnées au consentement, ou parce que la bannière n'est pas sur le déclencheur Consent Initialization, si bien que les balises se déclenchent avant que la bannière fixe l'état. Vérifiez que chaque balise non essentielle porte une exigence de consentement et que les balises Consent Initialization se déclenchent en premier dans le mode Preview, puis confirmez sur l'onglet réseau en conditions réelles qu'une session refusée n'envoie aucune requête de mesure.

Vous pouvez construire une bannière dans une balise Custom HTML et gérer le consentement à la main, mais vous prenez alors en charge l'enregistrement du consentement, la logique régionale, le journal d'audit et chaque évolution future. Une couche de consentement configurée s'occupe de ces parties, pour que vous n'ayez pas à maintenir de la logique de conformité dans une balise Custom HTML à chaque fois qu'une réglementation ou votre site change.

Un consentement qui se rentabilise.

Velo vous maintient en conformité dans l'UE, au Royaume-Uni et aux États-Unis, et récupère les conversions que les autres outils de consentement vous coûtent en silence.