Retour au blog
Tutoriels 5 min de lecture

Personnaliser sa bannière cookies pour maximiser les acceptations

Couleurs, position, textes, logo : adaptez votre bannière de cookies à votre site, sans franchir la limite de l'interface trompeuse.

Personnaliser sa bannière cookies pour maximiser les acceptations

Une bannière de cookies conforme peut aussi être bien acceptée. Les deux objectifs ne s'opposent pas. Ils se rejoignent même, à condition de soigner la forme.

Ce guide passe en revue les réglages qui comptent vraiment. Il précise aussi les limites à ne jamais franchir.

La règle qui encadre tout le reste

Un principe s'impose avant toute considération esthétique : refuser doit rester aussi simple qu'accepter.

Concrètement, les deux boutons partagent la même taille, la même lisibilité et le même nombre de clics. Tout ce qui déséquilibre ce rapport relève de l'interface trompeuse, et la CNIL le sanctionne.

Autrement dit, vous pouvez travailler l'apparence. Vous ne pouvez pas travailler l'asymétrie.

Les couleurs

Reprenez la palette de votre site. Une bannière aux teintes étrangères ressemble à une publicité intrusive, et le réflexe du visiteur est de s'en débarrasser.

Utilisez votre couleur principale pour le fond ou la bordure. Gardez un texte franchement contrasté : visez un rapport d'au moins 4,5 pour 1, comme le recommandent les règles d'accessibilité.

Pour les boutons, une nuance suffit. Vous pouvez distinguer l'acceptation par une teinte pleine et le refus par un contour de même épaisseur. Les deux restent lisibles au premier regard.

La position

Trois emplacements sont courants, et ils n'ont pas les mêmes effets.

  • Bandeau en bas : le moins intrusif. Il laisse le contenu visible, ce qui rassure.
  • Bandeau en haut : plus visible, mais il concurrence votre menu.
  • Fenêtre centrale : impossible à manquer. Elle bloque la lecture, donc elle agace davantage.

Le bandeau bas convient à la majorité des sites vitrines. La fenêtre centrale se justifie surtout quand le sujet est sensible.

Attention à un point souvent négligé : sur mobile, une bannière trop haute masque tout le contenu. Testez systématiquement sur un vrai téléphone.

Les textes

Le texte par défaut est correct, mais impersonnel. Le réécrire améliore nettement la perception.

Trois principes suffisent. Restez court : deux phrases valent mieux qu'un paragraphe. Restez concret : dites à quoi servent les cookies, pas ce qu'est le RGPD. Restez honnête : n'annoncez pas un service que vous n'utilisez pas.

Un exemple qui fonctionne bien : « Nous utilisons des cookies pour mesurer l'audience du site. Vous pouvez accepter ou refuser, et changer d'avis à tout moment. »

Évitez en revanche toute formule culpabilisante. « Acceptez pour soutenir notre travail » relève de l'influence, pas de l'information.

Le logo

Afficher votre logo dans la bannière change la perception. Le visiteur identifie immédiatement l'émetteur du message.

Cette option est réservée à l'offre Agence. Utilisez un PNG ou un WebP transparent, d'environ 200 pixels sur 50. Le format SVG n'est pas accepté, pour des raisons de sécurité.

Le niveau de détail

Faut-il tout présenter d'emblée, ou proposer un écran de réglage ?

La réponse dépend du nombre de services. En dessous de cinq, un affichage groupé par catégorie reste lisible. Au-delà, un second écran évite de noyer le visiteur.

Dans tous les cas, le refus global reste accessible dès le premier écran. Le détail est un supplément, jamais un passage obligé.

Ce qui fait réellement baisser l'acceptation

Contrairement à une idée répandue, ce n'est pas la présence d'un bouton « Refuser ».

Les vrais repoussoirs sont ailleurs.

  • Une bannière qui surgit deux secondes après l'arrivée.
  • Un texte juridique de dix lignes.
  • Une fenêtre impossible à fermer.
  • Une réapparition à chaque page consultée.

À l'inverse, une bannière sobre, rapide et cohérente avec le site obtient de bons résultats. La clarté rassure davantage que l'insistance.

Questions fréquentes

Puis-je masquer le bouton « Refuser » dans un menu ?

Non. C'est précisément le manquement le plus sanctionné par la CNIL. Le refus doit figurer sur le premier écran.

Combien de temps garder le choix du visiteur ?

Six mois, selon la recommandation de la CNIL. Au terme de ce délai, la question est posée à nouveau.

La bannière doit-elle réapparaître à chaque visite ?

Non, et c'est même contre-productif. Une fois le choix enregistré, elle doit rester silencieuse jusqu'à expiration.

Puis-je changer les couleurs sans toucher au code ?

Oui. Les réglages se font depuis votre espace et s'appliquent immédiatement, sans modifier le script installé.

Une bannière personnalisée reste-t-elle conforme ?

Tant que l'équilibre entre accepter et refuser est respecté, oui. La forme est libre, la symétrie ne l'est pas.

Pour aller plus loin

L'apparence compte, mais elle ne dispense pas du reste. Une belle bannière qui dépose des cookies avant le choix reste non conforme.

Vérifiez votre installation avec les cinq erreurs les plus sanctionnées, et prenez connaissance de l'ensemble de vos obligations en 2026. Les options de personnalisation sont détaillées sur notre page Fonctionnalités.

Frédéric Allender, chef de projet web et fondateur d'OKCookie

Écrit par

Frédéric Allender

Chef de projet web, fondateur d'OKCookie

Chef de projet web au Mans depuis 2012. J'ai créé OKCookie pour rendre le consentement aux cookies simple, même sans compétence technique.

Mon parcours

Partager cet article :

🍪

Prêt à simplifier votre conformité RGPD ?

Testez OKCookie gratuitement pendant 14 jours et mettez votre site en conformité en quelques minutes.

Commencer gratuitement