Cas client

Un bandeau de consentement, à l’image du site et sans ralentir.

Le bandeau cookies est le premier écran que voit un visiteur, et souvent le moins soigné : une boîte générique posée par une extension, chargée en dernier. Nous le redessinons entièrement, aux couleurs du site, avec sa photo, ses mots et son bouton, et nous le posons en tête de page. Un bandeau qui ressemble au site se lit comme une invitation, pas comme une alerte : le taux d’acceptation augmente fortement, et la mesure ne perd plus les visiteurs partis avant de l’avoir vu. Axeptio, Complianz ou un autre outil, le consentement reste géré par l’extension : seul l’habillage change.

Par Publié le

Parler de votre projet

Ce que nous avons construit

  • Un habillage qui survit aux mises à jour

    Le bandeau est stylé depuis le thème, sur les variables de l’extension et des repères stables, jamais sur les classes générées qui changent à chaque version. Chez Axeptio, dont la structure bouge sans prévenir, c’est ce qui a évité de tout refaire. Sous Complianz, une vraie photo de la médiathèque remplace le petit logo recadré prévu par l’extension.

  • Le consentement en tête de page

    Un court script, tout en haut du code de la page, déclare l’état par défaut, tout refusé, rejoue le choix déjà donné et transmet la réponse aux balises Google dès qu’elle arrive. Le bandeau et le conteneur de tags viennent juste après, dans cet ordre. Le choix est lu dans le navigateur, jamais côté serveur, pour que le cache de page ne serve pas le consentement d’un visiteur à tous les autres.

  • Rien ne part avant l’accord

    Sur nos sites, Google Analytics n’est chargé qu’une fois les statistiques acceptées, et les cookies de mesure sont effacés au refus ou au retrait du consentement, ce que l’extension seule ne fait pas.

  • Un bandeau qui ne ralentit pas la page

    Chez le client sous Axeptio, le script du bandeau était chargé en pied de page, après 270 Ko de HTML. Remonté en tête, avec une connexion ouverte à l’avance vers son serveur et hors du chargement différé de l’optimiseur de vitesse, le choix parvient aux balises plus de dix fois plus tôt.

  • Le bandeau comme écran d’accueil

    Sur une page de campagne, la fenêtre du bandeau reprend le titre, la promesse du questionnaire et la mention cookies : un seul écran au lieu de deux. Si un bloqueur empêche le bandeau de se charger, la page le détecte aussitôt et affiche sa propre façade au lieu de laisser le visiteur attendre.

  • Le même modèle sur tous nos sites

    Un gabarit commun, décliné aux couleurs de chaque marque et traduit dans chaque langue du site, un script qui reconstruit la configuration de l’extension à l’identique, et un lien « Gérer les cookies » dans le pied de page pour revenir sur son choix. L’onglet flottant de l’extension est coupé.

Notre démarche

  1. Mesurer

    Chronométrer l’arrivée du bandeau et des signaux de consentement sur le site tel qu’il est.

  2. Dessiner

    Décliner le bandeau aux couleurs de la marque, sur des repères qui survivent aux mises à jour.

  3. Ordonner

    Signaux de consentement, bandeau, puis conteneur de tags, en tête de page.

  4. Prouver

    Rejouer chaque scénario de consentement et vérifier ce qui part, avant et après.

Captures d’écran

Ce qu’un bandeau peut devenir.

À gauche, le bandeau tel que l’extension le pose : une boîte générique au milieu de la page. À droite, le même bandeau, même outil, même consentement, devenu l’écran d’accueil du site. Puis le même travail sous Complianz, sur mobile.

Axeptio, avant et après

Le client n’apparaît pas : son bandeau a été reconstruit à l’identique sur notre propre site de voyage surf, avec ses couleurs et sa photo. Le visiteur répond au vrai bandeau Axeptio, rien n’est simulé : seuls l’habillage et les textes changent.

  • Bandeau de consentement par défaut, boîte blanche centrée sur la page d’accueil d’un site de voyage surf
    Avant : la boîte de l’extension, ses textes, son illustration
  • Le même bandeau habillé en écran d’accueil : photo de surfeur à gauche, titre et bouton à droite
    Après : photo, titre, promesse du site et bouton principal, « Continuer sans accepter » au-dessus

Complianz, avant et après, sur mobile

Même logique avec Complianz, ici sur le site d’une professeure de yoga. À gauche, la boîte que l’extension pose par défaut : son titre, son texte juridique, ses trois boutons. À droite, le même consentement habillé : la photo du site en grand, le nom de la marque, un titre, deux phrases, un bouton principal aux couleurs du site, « Voir les choix » dessous et « Continuer sans accepter » au-dessus.

  • Bandeau Complianz par défaut sur mobile : boîte blanche en bas de l’écran, texte juridique et trois boutons
    Avant : la boîte par défaut de l’extension
  • Le même bandeau Complianz habillé sur mobile : photo en haut, titre, texte et bouton prune
    Après : habillé aux couleurs du site

Résultats

Ce que les sites obtiennent

Sur le même site

  • un bandeau dessiné pour chaque marque : photo, typographies, boutons et textes du site, pas ceux de l’extension
  • l’état du consentement et le bandeau posés en tête de page, avant le conteneur de tags : la mesure n’attend plus
  • chez le client sous Axeptio, le choix du visiteur parvient aux balises en 0,13 à 0,24 s au lieu de près de 3 s
  • sur une page de campagne, le bandeau devient l’écran d’accueil, avec un plan de secours si un bloqueur l’empêche de se charger
  • sous Complianz, aucun appel à Google avant l’accord, et les cookies de mesure effacés dès qu’un visiteur retire son consentement
  • un même gabarit déployé sur six sites, et un script qui reconstruit la configuration à l’identique
  • chaque livraison vérifiée par des scénarios automatisés : accepter, refuser, revenir sur son choix, sur ordinateur et sur mobile

Questions fréquentes

Vos questions, nos réponses.

Peut-on habiller n’importe quel bandeau ?

La plupart des outils du marché, oui. Nous l’avons fait sur Axeptio et sur Complianz avec la même méthode : styler depuis le thème, sur des repères stables, et laisser les textes dans l’outil, puisque c’est lui qui fait foi sur ce qui a été présenté au visiteur.

Un bandeau personnalisé reste-t-il conforme ?

Nous ne touchons qu’à l’apparence. Les textes, les catégories et l’enregistrement du choix restent gérés par l’outil, et refuser reste aussi simple qu’accepter : le lien « Continuer sans accepter » est visible dès le premier écran.

Pourquoi un bandeau ralentit-il la mesure ?

Parce que les balises attendent sa réponse. S’il se charge en dernier, les visiteurs qui repartent vite ne sont jamais comptés. Posé en tête de page, il répond en quelques dixièmes de seconde.

Que se passe-t-il après une mise à jour de l’extension ?

Les scénarios automatisés sont rejoués : ils ont déjà attrapé un bandeau devenu impossible à fermer après une optimisation du CSS. Le correctif est posé avant que les visiteurs ne le voient.

Un bandeau cookies personnalisé augmente-t-il le taux d’acceptation ?

Oui. Un bandeau qui reprend la photo, les couleurs et les mots du site se lit comme une invitation, pas comme une alerte système : les visiteurs le lisent et choisissent, au lieu de le fermer par réflexe ou de quitter la page. Refuser reste aussi simple qu’accepter, c’est la lisibilité qui change, pas le choix.

Peut-on personnaliser le bandeau Axeptio ou Complianz au-delà des réglages de l’extension ?

Oui, en CSS depuis le thème, bien au-delà des couleurs et du logo proposés dans les réglages : mise en page, photo en grand, typographies du site, position des boutons, bandeau plein écran sur une page de campagne. Les textes et le mécanisme de consentement restent dans l’extension, qui enregistre ce qui a été présenté au visiteur.

Comment accélérer le chargement d’un bandeau cookies ?

Le placer en tête de page, juste après les signaux de consentement et avant le conteneur de tags ; ouvrir à l’avance la connexion vers son serveur ; l’exclure du chargement différé de l’optimiseur de vitesse ; et éviter les polices ou illustrations de l’extension que le site n’utilise pas. Chez un client, le choix du visiteur est ainsi passé de près de 3 s à moins d’un quart de seconde.

Faut-il le Consent Mode v2 de Google avec un bandeau cookies ?

Oui dès que le site utilise Google Analytics ou Google Ads en Europe : Google n’exploite les données de mesure et de publicité que si le consentement lui est transmis par ce mécanisme. Nous le déclarons en tête de page, tout refusé par défaut, et nous mettons à jour l’état dès que le visiteur répond.

Le bandeau peut-il être traduit dans la langue du visiteur ?

Oui. Sur un site multilingue, les textes du bandeau sont traduits dans chaque langue du site et servis selon la langue de la page, comme le reste du contenu.

Quand faire appel à nous ?

Quand votre bandeau ressemble à une alerte système au milieu d’un site soigné, quand il arrive en dernier et que vos statistiques perdent les visiteurs partis avant de l’avoir vu, quand vous passez au Consent Mode v2 et voulez être sûr que rien ne part avant l’accord, ou quand il s’est cassé après une mise à jour de l’extension ou de l’optimiseur de vitesse.

Un projet en tête ? Parlons-en.

Parler de votre projet