Aller au contenu principal

6.5 - Le consentement aux cookies

Commencez par vérifier que vous avez besoin d'un bandeau. C'est la première chose à dire, parce que la plupart des sites en affichent un sans en avoir l'obligation, et qu'un bandeau inutile n'apporte aucune protection : seulement un obstacle de plus entre le visiteur et la page.

Beaucoup de sites n'ont rien à afficher

Le consentement ne concerne que les traceurs qui ne sont pas strictement nécessaires au service demandé. Sont dispensés, et n'ont donc jamais à être annoncés :

  • le cookie de session de Joomla ;
  • la mémorisation de la langue sur un site multilingue ;
  • le choix du thème clair ou sombre, et les réglages d'affichage de Corpus ;
  • le panier d'une boutique, l'authentification, la protection anti-fraude.

Un site vitrine sans mesure d'audience, sans vidéo embarquée et sans bouton de réseau social ne doit afficher aucun bandeau.

Une mesure d'audience peut elle-même être dispensée si elle ne sert qu'un seul site, ne recoupe ses données avec rien, ne suit personne d'un site à l'autre et ne produit que des statistiques anonymes. Plusieurs solutions répondent à ces conditions ; la CNIL en tient la liste à jour.

Ce que Corpus fait, et ce qu'il ne fait pas

Corpus ne fournit pas de bandeau. C'est une décision, pas un oubli.

Un bandeau qui recueille un choix sans empêcher aucun script de se charger est pire que pas de bandeau : le site annonce une protection qu'il n'applique pas. Le faire correctement demande le blocage des traceurs, la conservation de la preuve du consentement et le suivi des décisions de la CNIL. Trois métiers, et aucun n'est celui d'un template.

Corpus habille donc un gestionnaire externe : Orejime, libre, sans dépendance, développé en France, et dont l'accessibilité est la raison d'être — il est né du constat que les bandeaux du marché sont inutilisables au clavier et au lecteur d'écran.

Il est livré avec Corpus, en quatorze langues. Vous n'avez rien à télécharger. Le fichier suit automatiquement la langue de la page, avec repli sur l'anglais.

Le bandeau prend la teinte de votre site, son thème clair ou sombre, ses arrondis et sa police. Vous n'avez aucune couleur à régler.

Le mettre en route

Dans Paramètres avancés → Consentement aux cookies :

  1. Activer le gestionnaire.
  2. Dossier : laissez vide. Ne le remplissez que pour utiliser votre propre copie d'Orejime — une langue absente, ou une version plus récente. Dans tous les cas, hébergez les fichiers chez vous : les charger depuis un service extérieur enverrait l'adresse de vos visiteurs à ce service avant qu'ils aient consenti à quoi que ce soit.
  3. Adresse de la politique de confidentialité : la page doit exister et décrire les traceurs déposés. C'est l'information préalable, sans laquelle le consentement n'est pas valable.
  4. Vos traceurs : la liste, au format JSON. Sans au moins un service déclaré, aucun bandeau ne s'affiche — le gestionnaire ne demande le consentement que pour ce qu'on lui a décrit, et Corpus ne charge rien s'il n'a rien à demander.

Un seul endroit à remplir, même avec plusieurs styles

Ces réglages valent pour tout le site. Renseignez-les dans le style par défaut : les autres styles les reprennent sans que vous ayez à les ressaisir.

C'est voulu. La teinte ou la largeur de page peuvent différer d'un style à l'autre — c'est leur raison d'être. Les traceurs que votre site dépose, non : ils ne changent pas selon que le visiteur est sur l'accueil ou sur une page d'atterrissage. Une saisie répétée est une saisie qui finit par diverger, et le jour où un style oublie un traceur, le site devient moins conforme sur certaines pages seulement, sans que rien ne le signale.

Un style peut malgré tout porter ses propres valeurs s'il en a besoin — une page d'atterrissage avec un traceur supplémentaire, par exemple. Ce qu'il déclare remplace alors ce que porte le style par défaut.

Le lien de retrait dans le pied de page est activé par défaut. Le laisser : le consentement doit pouvoir être retiré aussi facilement qu'il a été donné. Ce n'est pas un confort, c'est une obligation.

Déclarer un service

Deux choses à poser pour chaque service : sa description dans Vos traceurs, et son script dans un modèle, via Code personnalisé.

Mesure d'audience hébergée chez vous

[{"id": "matomo", "title": "Mesure d'audience",
  "description": "Nous aide à savoir quelles pages sont lues.",
  "cookies": ["_pk_id", "_pk_ses"], "default": false}]

Google Analytics

[{"id": "ga4", "title": "Google Analytics",
  "description": "Mesure d'audience opérée par Google, aux États-Unis.",
  "cookies": ["_ga", "_ga_*"], "default": false}]

Et le script, dans Code personnalisé :

<template data-purpose="ga4">
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>
</template>

Le navigateur n'exécute jamais ce qui se trouve dans un <template>. Le script n'est pas retardé : il n'existe pas tant que le visiteur n'a pas accepté.

Vidéos et cartes

Avec data-contextual, l'encart de consentement remplace la vidéo à l'endroit exact où elle devait apparaître, au lieu de laisser un trou dans la page. Le visiteur comprend ce qu'il refuse.

[{"id": "youtube", "title": "Vidéos YouTube",
  "description": "Lire les vidéos déposera des traceurs de Google.",
  "cookies": ["VISITOR_INFO1_LIVE", "YSC"], "default": false}]
<template data-purpose="youtube" data-contextual>
  <iframe src="https://www.youtube-nocookie.com/embed/XXXX" title="…"></iframe>
</template>

Boutons de partage

Le plus souvent inutiles. Un lien vers un réseau social ne dépose rien ; seul le bouton officiel, avec son script, dépose des traceurs. Préférez le lien : il fonctionne partout, il est plus rapide, et il ne demande aucun consentement.

Savoir ce que votre site dépose vraiment

Aucun outil ne le fait à votre place, et c'est le point faible de toute déclaration écrite à la main. Le relevé prend deux minutes et il ne ment pas :

  1. Ouvrez le site dans une fenêtre de navigation privée.
  2. Refusez dans le bandeau, puis naviguez sur cinq ou six pages : un article avec image, une vidéo si le site en a, le formulaire de contact.
  3. Ouvrez les outils du navigateur, onglet Application, section Cookies.
  4. Tout cookie présent qui n'est ni la session, ni la langue, ni le thème est un traceur non déclaré. Il ne devrait pas être là.

À refaire après chaque évolution du site. C'est le point qui coûte le plus cher avec le temps : un site qui gagne une carte ou une vidéo six mois plus tard garde un bandeau qui n'en parle pas, et devient moins conforme qu'avant sans que rien ne le signale. Inscrivez ce contrôle dans la maintenance du site, au même titre que les mises à jour.

Ce qui n'est pas obligatoire, et qu'il vaut mieux éviter

Le voile opaque qui bloque la page. Aucun texte ne l'impose. Il pousse au clic d'acceptation, ce qui rend le consentement contestable, et un piège de focus dans un calque est un défaut d'accessibilité. Le bandeau d'Orejime est ancré en bas et ne bloque rien : c'est volontaire.

Le refus plus difficile que l'acceptation. Même niveau, même nombre de clics, même poids visuel. C'est le point le plus contrôlé, et le plus sanctionné.