BerryCookie est un service de consentement pour les cookies (CMP) que nous avons construit pour nos propres sites et que tout le monde peut maintenant utiliser. Vous ajoutez une seule ligne de code sur la page, et BerryCookie affiche la bannière, bloque les traceurs jusqu'à ce que le visiteur choisisse et conserve la preuve du choix. Vous pouvez commencer avec le plan gratuit.

Pourquoi avons-nous créé une autre bannière de cookies

J'ai plusieurs sites et tous ont besoin de la même chose : une bannière de cookies qui respecte le RGPD sans ralentir les pages. Les grandes solutions, comme Cookiebot, font le travail, mais vous payez pour chaque domaine et vous recevez beaucoup plus que ce dont vous avez besoin. Beaucoup d'options gratuites, en revanche, ne font qu'afficher un message. Les scripts d'analytics se lancent de toute façon, peu importe ce que le visiteur clique. Une bannière qui ne bloque rien ne vous aide en rien lors d'un contrôle.

Je l'ai écrit de zéro, avec trois règles : qu'elle soit petite, qu'elle bloque vraiment et qu'elle fonctionne sur n'importe quel site, peu importe la technologie utilisée.

Comment l'installer

Le script doit être placé en premier dans <head>, avant tout traceur :

<script id="BerryCookie" src="https://cdn.berrycookie.com/bc.js" data-key="CLE-DU-SITE" data-blockingmode="auto"></script>

Vous trouverez la clé dans le panneau BerryCookie, après avoir ajouté le site. Pour WordPress, il existe un plugin, et pour Google Tag Manager, un modèle.

Que fait-il concrètement

Bloque les traceurs jusqu'à consentement

En mode automatique, BerryCookie reconnaît les traceurs connus, comme Facebook, LinkedIn, TikTok, Hotjar ou Microsoft Clarity, et ne les laisse pas s'exécuter tant que le visiteur n'accepte pas la catégorie appropriée. Cela fonctionne également pour les scripts ajoutés sur la page par d'autres scripts, pas seulement pour ceux écrits directement en HTML.

Vous marquez vos scripts et iframes avec une catégorie, par exemple statistiques ou marketing, et ils ne se lancent qu'après consentement. Une vidéo YouTube incluse dans un article ne se charge qu'après que le visiteur a accepté les cookies de marketing.

Google Consent Mode v2

Les balises Google ne sont pas bloquées. Elles reçoivent les signaux de Google Consent Mode v2 : par défaut, tout est refusé, et après décision, la mise à jour est envoyée. Google Analytics et Google Ads fonctionnent exactement comme le choix du visiteur le permet, et dans Google Tag Manager, vous recevez un événement séparé sur lequel vous pouvez construire des déclencheurs.

Règles par régions

Tous les visiteurs n'ont pas les mêmes droits. Pour l'Union Européenne, la bannière demande le consentement avant de lancer quoi que ce soit (opt-in). Pour d'autres régions, vous pouvez choisir l'opt-out, où tout fonctionne et le visiteur peut refuser, ou vous pouvez ne pas afficher la bannière du tout. Vous définissez les règles depuis le panneau, en fonction de la barre du visiteur.

Liste des cookies et centre de préférences

Le visiteur voit les catégories, chacune avec son propre interrupteur, et les cookies de chaque catégorie. Vous déclarez les cookies dans le panneau, et le scan mensuel vous montre ce qu'il a effectivement trouvé sur le site, afin qu'il ne reste rien de non déclaré. Après avoir choisi, un petit bouton rond apparaît avec lequel il peut changer sa décision à tout moment. Si le bouton couvre quelque chose sur la page, il peut être déplacé.

Journal des consentements

Chaque décision est enregistrée : quelles catégories ont été acceptées et quand. Si vous avez besoin un jour de la preuve qu'un visiteur a donné son consentement, vous l'avez dans le journal.

Petit, pour ne pas ralentir votre site

Le script principal fait environ 7,5 kB compressé et ne dépend d'aucune autre bibliothèque. La fenêtre de préférences se charge séparément, après que la bannière est déjà à l'écran, donc le premier affichage n'attend pas. Le choix du visiteur reste dans un cookie first-party, sur votre domaine.

Ce qu'aucune bannière ne peut faire

Une chose que j'ai apprise en testant dans le navigateur et que peu de gens disent : le blocage automatique empêche les traceurs de fonctionner, mais un <script src> écrit directement en HTML peut tout de même être téléchargé avant que n'importe quel JavaScript ne s'exécute. Le navigateur lit la page à l'avance et commence les téléchargements tôt. Si vous ne voulez même pas que cette demande parte, vous marquez la balise avec type="text/plain" et une catégorie. Ainsi, le navigateur ne la télécharge pas du tout jusqu'à consentement.

Tout cela vient aussi d'une autre règle : si le visiteur retire son consentement pour une catégorie, la page se recharge. Un script qui s'exécute déjà ne peut plus être arrêté de l'extérieur, et le rechargement est la seule option correcte.

Et encore quelque chose, pour que ce soit clair : BerryCookie vous aide à respecter les règles pour les cookies, mais ne vous écrit pas la politique de confidentialité et ne remplace pas un avocat.

Si vous venez de Cookiebot

BerryCookie comprend aussi l'attribut data-cookieconsent utilisé par Cookiebot. Si vous avez déjà des scripts marqués pour Cookiebot, vous changez la ligne dans <head>, et les marquages existants continuent de fonctionner.

Plans

Vous pouvez commencer gratuitement. Les plans payants, Pro, Business et Agency, sont pour des sites plus grands et pour les agences qui gèrent plusieurs clients. Parmi d'autres, ils apportent un support pour IAB TCF v2.2, la norme requise par de nombreux réseaux publicitaires. Les détails et les prix sont sur berrycookie.com.

Pourquoi j'écris à ce sujet sur Genstackcore

Genstackcore est l'endroit où je raconte ce que je construis, et BerryCookie est l'un de mes projets. Vous pouvez en savoir plus sur le blog ici. Je reviendrai avec des articles sur son fonctionnement interne, du blocage des scripts aux tests dans le navigateur. Si vous l'essayez et que quelque chose ne fonctionne pas comme prévu, écrivez-moi depuis la page de contact.