Bandeau cookies, GA4, Consent Mode v2 : le setup conforme qui ne tue pas vos conversions

Voilà un sujet que beaucoup d'entreprises traitent en deux clics et en croisant les doigts : le bandeau cookies. Pourtant, il pose trois questions d'un coup : celle de la loi, celle de vos données de mesure et celle de vos campagnes publicitaires. Un bandeau mal réglé, c'est un risque de contrôle, des statistiques faussées et un algorithme Google Ads qui apprend de travers.

Ce guide vous montre comment mettre en place un consentement propre sur un site Webflow, avec Google Analytics 4 et Consent Mode v2, en préservant au maximum vos performances. Il est informatif et ne remplace pas un conseil juridique.

Pourquoi c'est un sujet business, pas seulement légal

• La conformité. Les cookies restent un point de vigilance récurrent de la CNIL, y compris pour les petites structures.
• La qualité de vos données. Sans configuration correcte, vos rapports GA4 et vos conversions Google Ads sont incomplets ou biaisés.
• Vos campagnes. Google Ads s'appuie sur des signaux de consentement pour utiliser vos audiences et mesurer vos conversions. Sans eux, l'optimisation automatique perd en efficacité.

Les règles de base à connaître

1. Refuser doit être aussi simple qu'accepter. Un bouton « Tout refuser » aussi visible et accessible que « Tout accepter », dès le premier niveau du bandeau. L'absence de symétrie fait partie des motifs de sanction les plus fréquents.
2. Aucun traceur non essentiel avant le consentement. Les tags de mesure et de publicité ne doivent pas se déclencher avant que l'internaute ait choisi.
3. Google Analytics 4 en configuration standard nécessite un consentement. Certains outils de mesure d'audience peuvent être exemptés sous conditions strictes (par exemple Matomo configuré selon les recommandations de la CNIL), mais ce n'est pas le cas d'une installation GA4 classique.
4. Le choix doit pouvoir être modifié facilement à tout moment (lien permanent en pied de page).
5. La durée de vie des traceurs est limitée (13 mois maximum selon les recommandations), et le consentement doit être redemandé périodiquement. Vérifiez les durées en vigueur.
6. Vous devez pouvoir prouver le consentement. Conservez un journal des choix (date, version, catégories).

Consent Mode v2 : ce que c'est

Consent Mode est le mécanisme qui permet à vos tags Google de s'adapter au choix de l'internaute. La version 2 gère quatre signaux :

• analytics_storage : stockage lié à la mesure d'audience.
• ad_storage : stockage lié à la publicité.
• ad_user_data : envoi des données utilisateur à Google pour la publicité.
• ad_personalization : personnalisation publicitaire (remarketing).

Pour les annonceurs qui ciblent l'Espace économique européen, Google exige cette configuration depuis mars 2024 afin de continuer à utiliser les audiences, le remarketing et la mesure des conversions.

Mode basique ou mode avancé ?

• Mode basique : les tags Google ne se chargent pas tant que l'internaute n'a pas donné son accord. C'est le plus prudent, mais vous perdez la donnée des visiteurs qui refusent.
• Mode avancé : les tags se chargent avec un état par défaut « refusé » et envoient des signaux sans cookies, ce qui permet à Google de modéliser une partie des conversions manquantes. Il demande une configuration soignée et une analyse juridique de votre situation.

Le choix dépend de votre appréciation du risque et de vos besoins de mesure. En cas de doute, commencez par le mode le plus prudent et faites valider.

Le setup pas à pas sur Webflow

Étape 1 : choisir un outil de gestion du consentement (CMP)

Plusieurs solutions existent : Axeptio, Didomi, Cookiebot, OneTrust, ou l'outil libre tarteaucitron.js. Pour choisir, vérifiez qu'il gère Consent Mode v2, qu'il bloque réellement les scripts avant consentement, qu'il produit un journal des choix, qu'il est personnalisable dans votre charte et qu'il est accessible.

Étape 2 : le placer au bon endroit

Dans Webflow, le code se place dans les réglages du site, section code personnalisé, zone d'en-tête (head). L'ordre est crucial :

1. D'abord le code de l'outil de consentement, avec l'état par défaut de Consent Mode réglé sur « refusé » pour les quatre signaux.
2. Ensuite seulement Google Tag Manager.

Si l'ordre est inversé, vos tags démarrent avant que le consentement soit lu : c'est l'erreur la plus courante.

Étape 3 : éviter les doublons de mesure

N'activez pas en parallèle l'intégration native de Google Analytics de Webflow et un tag GA4 dans Google Tag Manager. Vous compteriez chaque visite deux fois. Choisissez une seule méthode, de préférence Google Tag Manager pour rester flexible.

Étape 4 : configurer GTM

• Activez la prise en charge de Consent Mode dans le conteneur.
• Pour chaque balise, définissez les consentements requis (mesure : analytics_storage ; publicité : ad_storage, ad_user_data, ad_personalization).
• Déclenchez vos balises de conversion Google Ads en respectant ces conditions. Pour le suivi lui-même, consultez notre guide sur le suivi des conversions Google Ads sur Webflow.

Étape 5 : traiter les contenus intégrés

Les vidéos YouTube, les cartes Google Maps, les widgets de prise de rendez-vous et certains outils de chat déposent des traceurs. Chargez-les seulement après consentement, avec un espace de remplacement (« Cliquez pour charger la vidéo »), ou utilisez leurs modes de confidentialité renforcée.

Étape 6 : tester

1. Ouvrez le site en navigation privée sans avoir fait de choix : dans l'onglet réseau des outils du navigateur, aucune requête de mesure ou de publicité ne doit partir.
2. Cliquez sur « Tout refuser » : vérifiez que rien ne se déclenche.
3. Cliquez sur « Tout accepter » : vérifiez que les tags fonctionnent.
4. Utilisez le mode aperçu de Google Tag Manager et l'extension de débogage de balises pour contrôler les états de consentement.
5. Testez le lien de modification du choix en pied de page.

Que devient votre mesure quand des visiteurs refusent ?

Une partie de vos visiteurs refusera, et cette part varie énormément selon le secteur, l'audience et la conception du bandeau. Trois conséquences :

• Vos statistiques GA4 sous-estiment le trafic réel.
• Vos taux de conversion peuvent paraître artificiellement élevés ou faibles selon les cas.
• Vos audiences de remarketing sont plus petites.

Pour limiter l'impact : un bandeau clair et honnête (pas de manipulation), Consent Mode configuré pour bénéficier de la modélisation quand c'est juridiquement adapté, des conversions qualifiées issues de votre CRM (voir notre tutoriel sur l'automatisation des leads avec Webflow et n8n), et éventuellement un outil de mesure exempté de consentement pour les indicateurs de base. Nous avions déjà exploré des pistes dans notre article sur les alternatives au tracking par cookies.

Les 8 erreurs les plus fréquentes

1. GA4 ou pixel publicitaire qui se déclenche avant le choix de l'internaute.
2. Bouton « Refuser » caché dans un second niveau ou dans un style peu visible.
3. Code de l'outil de consentement placé après Google Tag Manager.
4. Absence de Consent Mode v2 alors que des campagnes Google Ads sont actives.
5. Deux méthodes de mesure GA4 en parallèle.
6. Contenus intégrés (vidéo, carte) qui déposent des traceurs sans accord.
7. Aucune preuve du consentement conservée.
8. Politique de confidentialité et de cookies non alignée avec les outils réellement installés.

La checklist de vérification

• Le bouton de refus est aussi visible que celui d'acceptation.
• Aucun traceur non essentiel avant le choix.
• Consent Mode v2 est actif, état par défaut réglé sur refus.
• L'outil de consentement se charge avant Google Tag Manager.
• Une seule méthode de mesure GA4 est en place.
• Les conversions Google Ads se déclenchent uniquement selon les consentements prévus.
• Les contenus intégrés sont bloqués avant accord.
• Le choix est modifiable depuis toutes les pages.
• Un journal des consentements est conservé.
• La politique de cookies liste les outils réellement utilisés.
• Le bandeau est utilisable au clavier et lisible (voir notre guide sur l'accessibilité).
• Un contrôle est prévu à chaque changement d'outil et au moins chaque trimestre.

Questions fréquentes

Faut-il un bandeau cookies si j'utilise seulement Google Analytics ?

Avec une installation GA4 standard, le consentement est nécessaire. Si vous souhaitez vous en passer, il faut recourir à un outil de mesure exempté configuré selon les conditions prévues par la CNIL.

Le bandeau fait-il baisser mes conversions ?

Il réduit la donnée mesurée, pas nécessairement vos conversions réelles. Un bandeau clair et bien conçu inspire confiance. Le plus important est de mesurer ce que vous pouvez de manière fiable et de compléter par des données de votre CRM.

Consent Mode v2 est-il obligatoire ?

Google l'exige pour continuer à utiliser certaines fonctions publicitaires auprès des utilisateurs de l'Espace économique européen. Ce n'est pas un texte de loi, mais une condition d'usage de la plateforme publicitaire.

Quel outil de consentement choisir ?

Celui qui gère correctement Consent Mode v2, bloque réellement les scripts, journalise les choix et s'intègre à votre budget et à votre charte. Pour un petit site, une solution libre comme tarteaucitron.js peut suffire, avec un peu de configuration.

À retenir

Un consentement bien réglé protège votre entreprise, fiabilise vos chiffres et aide vos campagnes à mieux apprendre. C'est un chantier de quelques heures quand il est fait dès la conception du site, et un casse-tête quand on le rajoute dans l'urgence. Nos sites Sama' Perf intègrent le tracking et la conformité dès la conception, et l'abonnement comprend une veille légale. Si vous voulez vérifier votre configuration actuelle, contactez-nous.