Quatre bandeaux cookies originaux à modifier et copier, un vérificateur qui signale les choix risqués selon les recommandations de l'ICO britannique, et le code Google Consent Mode v2.
Un bon bandeau cookies propose Tout accepter et Tout refuser côte à côte, avec un moyen de choisir par catégorie, et laisse chaque interrupteur non essentiel désactivé tant que le visiteur n'a pas agi. Vous trouverez ci-dessous quatre bandeaux originaux à modifier et copier, un vérificateur qui signale les choix risqués et le code Google Consent Mode qui va avec.
Les choix du bandeau en un coup d'œil (d'après les recommandations de l'ICO britannique, en octobre 2026)
La plupart des galeries de bandeaux montrent des captures de bandeaux d'autres entreprises sans dire s'ils respectent les règles. Les exemples présentés ici sont nos propres designs, en direct et modifiables, et chacun est accompagné de ce que disent réellement les recommandations du régulateur britannique sur le refus, les réglages par défaut et le silence. Cette page explique des modèles de conception ; ce n'est pas un conseil juridique.
La page de l'ICO britannique sur la gestion du consentement décrit comme bonne pratique un mécanisme qui rend le refus aussi simple que l'acceptation, et son exemple de mauvaise pratique est un bandeau avec Tout accepter mais sans Tout refuser. Ailleurs, les règles sont fixées par l'autorité de chaque pays, vérifiez donc les recommandations des pays que vous ciblez.
L'ICO indique que le silence ou l'inaction ne constitue pas un consentement, et qualifie une pop-up qui considère la poursuite de la navigation comme un consentement d'activation préalable des cookies sans consentement. Si un visiteur ignore le bandeau, laissez les cookies non essentiels désactivés.
Les cookies strictement nécessaires à un service demandé par le visiteur, comme un panier d'achat ou une connexion, relèvent d'une exemption. L'ICO précise que les cookies utiles ou pratiques mais non essentiels exigent malgré tout un consentement.
C'est un moyen d'indiquer aux balises Google si le visiteur a donné son accord. Vous définissez une valeur par défaut avec gtag('consent', 'default', ...) avant le chargement des balises, puis vous appelez gtag('consent', 'update', ...) lorsqu'il fait son choix. La version 2 a ajouté les paramètres ad_user_data et ad_personalization à côté de ad_storage et analytics_storage.
Les deux peuvent convenir. Une barre en bas laisse la page lisible, tandis qu'une fenêtre centrée obtient une décision plus rapide mais masque le contenu. Le plus important est que les deux choix soient aussi simples l'un que l'autre et que rien de non essentiel ne s'exécute avant.
Chaque aperçu s'exécute dans un environnement isolé avec les scripts désactivés, les boutons ne font donc rien ici. Copiez le balisage et reliez les boutons à votre propre code de consentement.
La mise en page la plus courante. Accepter et Refuser partagent le même style ; Choisir ouvre votre panneau de paramètres.
Prend moins de place sur les grands écrans. Sur un téléphone, laissez-la s'étendre sur toute la largeur.
Les cookies nécessaires sont affichés comme toujours actifs ; toutes les autres cases sont décochées au départ.
Un petit lien dans le pied de page de chaque page permet aux visiteurs de changer d'avis à tout moment.
Si votre site utilise des balises Google, définissez la valeur par défaut avant le chargement des balises et mettez-la à jour quand le visiteur fait son choix. Les noms de paramètres ci-dessous sont ceux de la documentation de Google sur le mode consentement.
Paramètres de Consent Mode
L'appel par défaut se place avant l'extrait de votre balise Google. wait_for_update laisse 500 millisecondes au bandeau pour envoyer une mise à jour avant le déclenchement des balises.
Mise en page
Barre en bas
Fenêtre dans le coin
Fenêtre centrée
Ce que fait votre bandeau
Tout refuser figure sur le premier écran
Accepter et Refuser ont le même aspect
L'interrupteur analytics est activé au départ
Le texte dit que poursuivre la navigation vaut consentement
Un lien Paramètres des cookies permet de changer d'avis
Aperçu
Nous utilisons des cookies pour faire fonctionner ce site et, si vous êtes d'accord, pour mesurer les visites.
En poursuivant votre navigation, vous acceptez notre utilisation des cookies.
Tout accepter
Tout refuser
Choisir
Analytics
Remarques
Aucun choix risqué trouvé dans votre sélection.
Pas de Tout refuser sur le premier écran. L'ICO décrit comme bonne pratique le fait de rendre le refus aussi simple que l'acceptation.
Refuser paraît moins visible qu'Accepter. Selon nous, cela rend le refus plus difficile que l'acceptation ; une paire égale est le design le plus sûr.
Un interrupteur non essentiel est activé au départ. Dans les exemples de bonnes pratiques de l'ICO, les interrupteurs des technologies non exemptées sont désactivés par défaut.
La poursuite de la navigation est considérée comme un consentement. L'ICO indique que le silence ou l'inaction ne suffit pas.
Aucun moyen de modifier le choix plus tard. L'ICO indique que les utilisateurs doivent pouvoir activer ou désactiver facilement les cookies non essentiels.
Une aide à la conception fondée sur les recommandations publiées par l'ICO, pas un conseil juridique.
Commencer gratuitement · Sans carte bancaire