Comment utiliser : Générateur de bannière cookies
- Choisissez la mise en page — une barre, un encadré dans un coin ou une boîte de dialogue centrée — puis modifiez le titre, le message et les libellés des boutons.
- Gardez Paramétrer activé pour laisser les visiteurs choisir leurs catégories (analyse, marketing, préférences), et ajoutez le lien vers votre politique de confidentialité.
- Laissez Google Consent Mode v2 activé si vous utilisez Google Analytics ou Ads : collez l'extrait 1 dans le
<head>, avant votre balise Google. - Collez l'extrait 2 avant
</body>, puis ajoutez un lien « Paramètres des cookies » vers#cookie-settingsdans votre pied de page.
Ce que fait la bannière
- Elle s'affiche à la première visite et enregistre le choix du visiteur dans
localStorage(et non dans un cookie) pendant le nombre de jours que vous définissez. - Tout accepter, Tout refuser et Paramétrer — refuser se fait en un clic et est aussi visible qu'accepter, ce qu'exige le RGPD.
- Tout lien vers
#cookie-settingsrouvre les paramètres, afin que les visiteurs puissent changer d'avis à tout moment. - Bloque vos autres balises tant que le consentement n'est pas donné : les scripts marqués
type="text/plain" data-cookie-category="analytics"(ou marketing, préférences) et les iframes avecdata-srcne s'exécutent qu'après que le visiteur a accepté cette catégorie. Retirer le consentement recharge la page pour qu'ils cessent. - Elle déclenche un événement
cookie-consentsurdocumentavec les choix, pour charger d'autres scripts uniquement après consentement.
Google Consent Mode v2
L'extrait 1 définit tous les signaux de consentement Google — ad_storage, ad_user_data, ad_personalization et analytics_storage — sur refusé avant le chargement de votre balise Google. Lorsque le visiteur fait son choix, la bannière met ces signaux à jour : l'analyse vers analytics_storage, le marketing vers les trois signaux publicitaires. Google Analytics ne collecte alors des données complètes que pour les visiteurs ayant accepté, et envoie de simples pings sans cookies pour les autres. Depuis mars 2024, Google exige Consent Mode v2 pour la mesure publicitaire des visiteurs de l'Espace économique européen.
Cet outil est technique et ne constitue pas un avis juridique : listez dans votre politique de confidentialité les cookies que vous utilisez réellement, et vérifiez les exigences de votre pays. Voir aussi : Vérificateur de balises de suivi, Générateur de balises meta.
Aussi recherché comme : générateur bannière cookies, bannière cookies rgpd, code bannière consentement cookies, google consent mode v2, popup cookies html, bannière cookies gratuite, générateur bandeau cookies, bannière cookies webflow.
Outils complémentaires : Générateur de bannière cookies
- Générateur CSP — Indiquez ce que charge votre site (scripts, styles, images, polices, analytics, intégrations) et obtenez une Content-Security-Policy qui autorise exactement cela, avec des alertes pour les réglages risqués.
- Analyse SEO et audit de site — Collez une URL pour effectuer jusqu’à 70 vérifications de référencement sur la page ainsi qu’un audit complet du site : vitesse Lighthouse, en-têtes de sécurité et SSL, données structurées, liens rompus, fichier robots.txt et robots d'exploration IA, principes de base de l'accessibilité, suivi et consentement, SPF/DKIM/DMARC et expiration du domaine — le tout regroupé en un score unique pour le site, accompagné de corrections classées par ordre de priorité.
- HTML et CSS vers Webflow — Collez le HTML et son CSS, cliquez sur Copier vers Webflow puis collez dans le Designer.
- Analyseur d’en-têtes e-mail — Collez les en-têtes bruts d’un e-mail pour voir tout son parcours : chaque saut entre serveurs avec le temps qu’il a pris, les résultats SPF, DKIM et DMARC, l’IP d’origine et les signaux d’alerte, comme une adresse Reply-To ou Return-Path incohérente.
Questions fréquentes
Comment ajouter une bannière cookies sur Webflow ?
Collez l'extrait 1 dans Paramètres du site → Code personnalisé → Head (avant votre balise Google), et l'extrait 2 dans le code du Footer, puis publiez. Ajoutez un lien dans le pied de page vers #cookie-settings pour que les visiteurs puissent la rouvrir.
Google Analytics est-il bloqué tant que le visiteur n'a pas consenti ?
Avec Consent Mode v2, Google Analytics se charge mais ne dépose aucun cookie tant que le visiteur n'a pas accepté l'analyse ; il envoie uniquement des signaux sans cookies. Pour empêcher totalement les autres scripts de s'exécuter, chargez-les dans un écouteur de l'événement cookie-consent.
Le bouton Refuser est-il obligatoire ?
En vertu du RGPD, refuser doit être aussi simple qu'accepter, et plusieurs autorités européennes ont sanctionné des sites qui masquaient l'option de refus. Le générateur place Refuser à côté d'Accepter, avec le même poids visuel par défaut.
Peut-on bloquer les scripts tant que les visiteurs n'ont pas consenti ?
Oui. Collez vos balises à l'étape 3 : chacune reçoit type="text/plain" et un data-cookie-category, de sorte que le navigateur ne l'exécute pas. La bannière l'active lorsque le visiteur accepte cette catégorie, tandis que les balises nécessaires continuent de fonctionner, comme une liste d'autorisation. Les iframes, comme les intégrations YouTube, attendent de la même façon grâce à data-src.
Où le choix est-il enregistré ?
Dans le navigateur du visiteur (localStorage), avec une version et une date, de sorte que la bannière réapparaisse à l'issue de la durée que vous avez définie ou lorsque vous changez la version.
Puis-je installer Générateur de bannière cookies en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur de bannière cookies est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.