Cet article explique comment créer le bandeau de consentement aux cookies de votre site, lui donner sa forme et sa place, et le rouvrir. Vous saurez proposer l’opposition à la mesure d’audience, afficher le signal Global Privacy Control et lire les réponses de vos visiteurs.
Avant de commencer
- Le bandeau de consentement est une composition : un ensemble de blocs écrit une fois. Votre site l’affiche lui-même, sur chaque page, tant que le visiteur n’a pas répondu, sous la forme que vous lui donnez : une barre en bas de l’écran, une carte dans un coin, une fenêtre au centre ou un panneau latéral. Vous ne le placez dans aucun gabarit.
- Votre site ne charge aucune balise publicitaire ni aucun outil de mesure tiers. Le bandeau n’a donc aucun outil tiers à faire accepter.
- Vos statistiques sont comptées par votre site lui-même. Elles sont comptées sans attendre la réponse du visiteur. Le bloc Opposition à la mesure d’audience permet à un visiteur de ne plus être compté.
Créer le bandeau
Les pieds de page du catalogue créent le bandeau avec leur lien Gérer mes cookies. Une création de page d’accueil le crée donc avec votre en-tête et votre pied de page. Si votre site n’a pas de bandeau, créez-le ainsi.
- Dans le Tableau de bord de l’administration de votre Staging, cliquez sur l’étape Poser le bandeau de consentement. L’écran Gabarits > Compositions s’ouvre.
- Créez une composition. Dans son panneau, choisissez le Rôle Bandeau de consentement.
- Insérez une des trois créations du catalogue : Bandeau de consentement : barre en bas, Bandeau de consentement : carte dans un coin ou Bandeau de consentement : fenêtre. Chacune pose un titre, un paragraphe et le bloc Gestionnaire de consentement aux cookies avec ses deux boutons.
- Publiez la composition. Le bandeau s’affiche dès la page suivante de vos visiteurs.
L’étape Poser le bandeau de consentement se coche quand une composition tient ce rôle et porte le bloc Gestionnaire de consentement aux cookies. Un bandeau dessiné sans ce bloc pose une question dont la réponse n’est pas enregistrée.
Un rôle appartient à une langue. Sur un site multilingue, chaque traduction du bandeau tient le rôle dans sa langue. Chaque page affiche le bandeau de sa langue.
Comprendre quand le bandeau s’affiche
| Situation du visiteur | Ce qu’il voit |
|---|---|
| Il n’a pas encore répondu. | Le bandeau est sur chaque page. |
| Il ferme une fenêtre ou un panneau sans répondre, avec la touche Échap ou un clic sur le fond. | Rien n’est enregistré. Le bandeau revient à la page suivante. Une barre ou une carte ne se ferme pas : elle reste jusqu’à la réponse. |
| Il accepte, refuse ou enregistre un choix avec le bouton Enregistrer. | La page se recharge sans le bandeau. Il ne s’affiche plus de lui-même. |
| Treize mois ont passé depuis sa première visite. | Le bandeau revient. |
Le bandeau est écrit au début de la page. Un lecteur d’écran le rencontre avant l’en-tête et les premières tabulations y entrent.
Choisir la forme du bandeau
Le bandeau se dessine dans l’éditeur de sa composition, avec les réglages de tout bloc. Une barre ou une carte laisse la page utilisable : le visiteur lit et répond quand il veut. Une fenêtre ou un panneau latéral attend la réponse : la page en dessous est en sommeil tant qu’il est ouvert.
Une barre ou une carte
- Sélectionnez le bloc Conteneur à la racine de la composition.
- Dans le panneau Taille et espacement, réglez Position sur Fixe.
- Dans Décalage, donnez le bord : Bas 0, Gauche 0 et Droite 0 pour une barre ; Bas 24 px et Droite 24 px pour une carte en bas à droite, avec une largeur maximale dans le même panneau.
- Dans le panneau Effets, donnez un Plan (z-index), par exemple 1000, pour que le bandeau passe devant un en-tête collé.
- Dans Balise HTML, choisissez aside et écrivez le Nom de la région, par exemple Consentement aux cookies. Les lecteurs d’écran annoncent le bandeau sous ce nom.
Les trois créations du catalogue appliquent ces réglages. Pour passer la carte à gauche, videz Droite et donnez Gauche 24 px.
Une fenêtre ou un panneau latéral
- Insérez le bloc Modale ou panneau latéral, seul à la racine de la composition. Ce bloc n’est proposé que dans l’éditeur d’un gabarit et dans celui de la composition qui tient le rôle Bandeau de consentement : donnez le rôle, puis rouvrez l’éditeur.
- Dans sa barre d’outils, réglez Position sur Centre pour une fenêtre ou sur Panneau latéral.
- Écrivez le bandeau dans le panneau du bloc : un titre d’abord, qui nomme la fenêtre pour les lecteurs d’écran, puis le texte et le Gestionnaire de consentement aux cookies.
- Donnez au panneau son fond, ses bords et sa largeur maximale : il n’a aucun style de départ. Le fond derrière la fenêtre se colore dans le bloc du fond.
La fenêtre s’ouvre dès que la page est lue. Elle se referme sans réponse avec la touche Échap ou un clic sur le fond, et revient à la page suivante : les deux boutons sont la vraie sortie. Le bloc Fermer la modale ou le panneau ajoute une croix.
Rouvrir le bandeau depuis un lien
Pour qu’un visiteur puisse changer d’avis, ajoutez un lien qui rouvre le bandeau, par exemple Gérer mes cookies dans votre pied de page. Les pieds de page du catalogue en portent déjà un.
- Sélectionnez un bouton, un lien de menu ou un lien dans un texte.
- Dans le panneau Lien, cliquez dans le champ Cherchez ou collez une adresse…. La liste s’ouvre avant toute recherche.
- Choisissez Bandeau de consentement, marqué Composition. Ouverture du lien disparaît du panneau : le bandeau s’affiche toujours sous sa propre forme.
- Enregistrez, puis publiez.
Au clic, le bandeau s’affiche tel que vous l’avez dessiné, même si le visiteur a déjà répondu. Sa nouvelle réponse remplace l’ancienne. Tant qu’il n’a pas répondu, une barre ou une carte est déjà sur la page : le lien y mène. Une fenêtre qu’il a fermée se rouvre. Sur un site en plusieurs langues, le lien affiche le bandeau de la langue de la page.
Composer le bandeau
Le bandeau se modifie dans l’éditeur comme une page : textes, couleurs, disposition et animations. Les boutons et les interrupteurs se placent seulement dans le bloc Gestionnaire de consentement aux cookies, dont la barre d’outils propose Bloc, Flex et Grille comme celle d’un conteneur : Flex met les deux boutons côte à côte.
| Bloc | Rôle | Réglages |
|---|---|---|
| Gestionnaire de consentement aux cookies | Enveloppe tous les blocs de consentement. Obligatoire. | Disposition en flex ou en grille, couleurs, typographie, bordures, effets et animations. |
| Accepter tous les cookies | Un bouton qui enregistre l’accord du visiteur. | Son libellé (Tout accepter s’il est laissé vide) et ses styles. |
| Refuser tous les cookies | Un bouton qui enregistre le refus du visiteur. | Son libellé (Tout refuser s’il est laissé vide) et ses styles. |
| Interrupteurs de traqueurs | Un interrupteur par outil tiers activé, puis un bouton Enregistrer. | Sa disposition. Le bloc n’affiche rien tant qu’aucun outil tiers n’est activé. |
| Opposition à la mesure d’audience | Un interrupteur qui retire le visiteur de vos statistiques, puis un bouton Enregistrer. | Son libellé (M’opposer à la mesure d’audience anonyme s’il est laissé vide) et ses styles. |
| Signal Global Privacy Control | Une phrase affichée aux seuls visiteurs dont le navigateur envoie ce signal. | Son texte et ses styles. |
Dans le bandeau de la création, les deux boutons s’appellent Accepter et Refuser. Changez leur libellé en écrivant dans le bouton.
Comprendre la réponse du visiteur
- Le visiteur clique sur un bouton du bandeau, ou bascule un interrupteur puis clique sur Enregistrer.
- Son choix est chiffré puis enregistré dans le cookie
cookie_consentde votre site. - La page se recharge, sans le bandeau.
Un nouveau choix remplace le précédent : refuser après avoir accepté retire l’accord. Une opposition à la mesure d’audience reste en place quand le visiteur répond ensuite au bandeau.
Le cookie cookie_consent est posé dès la première visite, même sans réponse. Il porte un identifiant tiré au hasard qui distingue les nouveaux visiteurs de ceux qui reviennent et relie les campagnes par lesquelles un même visiteur est arrivé. Tant que le visiteur n’a rien choisi, son accord vaut « non ». Le cookie dure 13 mois à partir de la première visite : une nouvelle visite ou un nouveau choix ne le prolonge pas.
Vingt-cinq mois après la première visite, votre site efface cet identifiant de vos statistiques. Il garde des visites anonymes : un pays, un appareil, des pages et leurs dates.
Proposer l’opposition à la mesure d’audience
Le bloc Opposition à la mesure d’audience recueille le refus d’un visiteur d’être compté. Un visiteur qui l’active disparaît de vos statistiques. Sans ce bloc, vos visiteurs ne peuvent pas s’opposer à la mesure.
- Ouvrez la page qui explique votre usage des cookies, par exemple votre politique de confidentialité.
- Insérez un bloc Gestionnaire de consentement aux cookies.
- Dans ce bloc, insérez Opposition à la mesure d’audience.
- Facultatif : écrivez son libellé. Laissé vide, il affiche M’opposer à la mesure d’audience anonyme.
- Enregistrez la page.
L’opposition et le refus des cookies restent indépendants : refuser les cookies ne retire pas le visiteur de vos statistiques. S’opposer à la mesure ne change rien à son autre choix.
Respecter le signal Global Privacy Control
Le Global Privacy Control est un réglage du navigateur par lequel le visiteur demande que les données de sa visite ne soient ni vendues ni partagées. Brave et DuckDuckGo l’envoient par défaut et Firefox le propose. Votre site le respecte, que vous posiez le bloc ou non : aucune balise publicitaire ne se déclenche, même après Tout accepter. Vos statistiques restent sur votre site.
Votre site le déclare à l’adresse /.well-known/gpc.json, que lisent certains outils d’audit.
Le bloc Signal Global Privacy Control l’annonce au visiteur concerné. Laissé vide, il affiche Votre navigateur envoie un signal Global Privacy Control et nous le respectons. dans la langue du visiteur. Les autres visiteurs ne voient rien. Dans l’éditeur, la phrase reste visible pour que vous puissiez la mettre en forme.
Lire les réponses de vos visiteurs
Chaque réponse au bandeau est une soumission du formulaire Bandeau cookies.
- Dans le menu Formulaires, cliquez sur Bandeau cookies dans la liste des formulaires.
- Lisez la carte Répartition des réponses : la part des visiteurs qui ont choisi Tout accepter, Tout refuser, un Choix détaillé ou M’opposer à la mesure d’audience anonyme.
- Facultatif : lisez la liste des soumissions. La colonne Choix du visiteur donne chaque réponse, avec son canal, sa page et son pays.
Les choix sont comptés sans être déchiffrés.
Lister vos cookies dans votre politique
Le bloc Tableau des cookies liste dans un document légal chaque cookie qu’un visiteur peut recevoir, à quoi il sert et combien de temps il dure. Il se met à jour seul quand le site pose un nouveau cookie. Afficher le tableau des cookies explique comment le poser.