Bandeau cookies obligatoire : code et mentions légales à insérer sur votre blog
rédigé par Jean-Baptiste, le décembre 18, 2014
Je me suis décidé hier à mettre mes blogs en conformité avec la directive européenne 2009/136/CE sur les cookies (appelée aussi paquet télécom). Cette loi impose aux éditeurs de sites web de recueillir le consentement préalable de leurs visiteurs avant d’installer sur leur navigateur des cookies publicitaires et / ou statistiques et de leur donner un moyen de supprimer leurs cookies.
Concrètement, il faut afficher sur toutes vos pages un bandeau permanent d’information qui indique à vos internautes que s’ils surfent sur vos pages ils acceptent l’utilisation de cookies (en explicitant brièvement leur finalité) et leur donner un moyen de s’y opposer (page en savoir plus accessible depuis ce bandeau qui explique comment supprimer vos cookies).
Dans ce tutoriel, je vous propose de voir :
- Où récupérer le code qui permet d’afficher un bandeau cookies ?
- Comment personnaliser ce code sans nuire à votre business publicitaire ?
- Comment insérer ce code dans un blog WordPress ?
- Quelles mentions cookies ajouter dans votre page mentions légales ?
Où récupérer le code qui permet d’afficher un bandeau cookies ?
Personnellement les principaux cookies que j’utilise sur mes blogs sont des cookies Google : Google Analytics, Google AdSense, Google+. Autant donc prendre le code proposé par Google. Vu les millions de dollars qu’ils dépensent chaque année pour être blindé sur le plan juridique, j’ose espérer qu’on puisse compter sur eux pour proposer un code conforme à la directive européenne.
Allez sur ce site :
Puis récupérer le code et le fichier zip (qui contient cookiechoices.js) qu’ils proposent dans la zone barre de notification
Comment personnaliser ce code sans nuire à votre business ?
Le code tel que fourni s’insère en surimpression de votre design en haut de page. En théorie, il ne pousse donc pas vers le bas vos publicités mais vient masquer votre design d’un bloc de texte. Il n’est donc pas nuisible à vos pubs mais nuisible à l’identité graphique de votre site.
Si vous voulez l’insérer en bas de page comme moi, reprenez la ligne 35 du fichier cookies.js ainsi :
‘margin:0; left:0; bottom:0;padding:4px;z-index:1000;text-align:center;’;
bottom remplace top
Comment insérer ce code dans un blog WordPress ?
Vous devez envoyez à la racine de votre site avec un client FTP le fichier cookiechoices.js (dans www/)
Ensuite insérez dans votre fichier footer.php le code suivant (avant la balise fermante </body>) :
<script src= »/cookiechoices.js »></script>
<script>
document.addEventListener(‘DOMContentLoaded’, function(event) {
cookieChoices.showCookieConsentBar(‘En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies pour vous proposer des services et offres adaptés à vos centres d’intérêts.’,
‘ok’, ‘en savoir +’, ‘http://votreblog.fr/mentions-legales#cookies’);
});
</script>
Vous devez pointer une page mention légales / cookies qui existe sur votre blog. Changez ceci http://votreblog.fr/mentions-legales#cookies par l’adresse de votre page mentions légales qui parle de cookies.
NB : Si vous utilisez WP Touch, n’oubliez pas d’ajouter ce même code dans la zone prévue pour Google Analytics… Sinon vous ne serez pas dans les clous lorsque vos utilisateurs accèderont à votre site depuis un mobile.
Quelles mentions cookies ajouter dans votre page mentions légales ?
Vous êtes tenus par la loi (article 6 de la LCEN) d’avoir une page mentions légales qui indique qui vous êtes, comment vous joindre, les coordonnées de votre hébergeur,… Je vous invite à relire le chapitre 26 de mon livre pour avoir un rappel exhaustif des droits et obligations d’un blogueur.
Si vous n’avez pas encore créer cette page faites le ! Sinon éditez-là et rajouter quelques éléments sur les cookies que vous utilisez (parlez aussi des cookies facebook, twitter, google+) en indiquant à vos lecteurs comment les supprimer. Vous pouvez bien sûr vous inspirer de ce que j’ai ajouté sur cette page (en remplaçant les noms de mes sites par le nom de votre site) :
http://blogbuster.fr/mentions-legales#cookies
Avez-vous créer une page mentions légales ? Avez-vous mis en place un bandeau cookies sur votre site ? Est-ce que ce bandeau renvoie correctement sur une page hébergée par vos soins qui explicite les cookies que vous utilisez et comment les supprimer ? N’hésitez pas à réagir dans les commentaires si vous avez des doutes ou questions !
Mise à jour du 21/12/2014
Suite au retour de Myriam ci-dessous, je vous invite à consulter cet excellent article de Papa Blogueur qui explique comment paramétrer le plugin cookie notice sur WordPress pour être en règle.
Jean-Baptiste
Les derniers articles par Jean-Baptiste (tout voir)
- Comment supprimer 20 000 commentaires de spam sur WordPress ? - 7 mars 2024
- Marketing Vidéo : le livre pour faire des vidéos professionnelles - 10 mars 2019
- Un article de blog ancien peut pénaliser le SEO d’un site - 27 décembre 2018
Tu veux gagner de l'argent avec ton blog ?
Lis tout de suite BlogBuster dispo sur Amazon, Kobo, Fnac, iTunes pour 3,99 €
Nous te recommandons :
Commentaires (15)
Merci pour cet article, bon personnellement j’utilise le plugin cookie notice.
Hello Myriam,
S’il y a un plugin qui gère ça, c’est encore plus simple. Merci pour le partage.
Tu n’as plus qu’à compléter ta page mentions légales en ajoutant un paragraphe sur les cookies que tu utilises et comment les supprimer et tu seras 100% compliant.
Ah oui il faut que je rajoutes ça en effet. Merci !
Salut, j’utilise le plugin Cookie Avis par dFactory sur wordpress. Aucune configuration a faire
Merci pour ce code, on est vraiment obligé de maitre ce message? Dans mon cas je n’installe pas de cookie via mon blog
help!!! je ne comprend rien! suis-je obligée de le faire si j’ai un blog avec 2 pubs google ad svp?
Bonjour aemi,
Oui, c’est la loi. Si tu ne mets pas le bandeau, je suis incapable te dire si Google bloquera ou pas tes pubs.
Tu peux ne pas le mettre, comme tu peux ne pas déclarer tes revenus AdSense au RSI, aux douanes et au fisc et risquer un contrôle fiscal.
Lis mon bouquin pour savoir tout ce que tu dois faire côté AdSense pour être dans les règles.
http://jbv.ovh/livre-blogbuster
Merci! ça va être compliqué pour tous les blogueurs dilettantes comme moi! ;-)
Hello.
Dans ton article, tu indiques qu’il faut aller sur la page http://www.cookiechoices.org/ et récupérer le zip et le code »qu’ils proposent dans la zone barre de notification ». Mais je ne trouve pas ca sur la page annoncée.
Joel
Salut Joel,
Ils ont modifié la page. Un petit tour sur Archive.org et tu retrouveras les instructions et le zip à télécharger.
http://bit.ly/1IY5125
Bizarre que Google n’assume plus son script.
En effet c’est assez compliqué pour quelque chose de simple! Il faut insérer un code dans toutes les pages du site??? Moi perso je n’ai pas de » fichier footer.php » uniquement des sites assez simples en .html En suivant les liens de Google avec http://www.cookiechoices.org désolé mais on arrive à des solutions payantes, pas claires et en plus les textes affichés sont en Anglais… Une solution simple ???
Hey! salut à tous!
Je remercie l’auteur de cette article pour la simplicité d’éxécution et la mise en place d’un code en dur sur WordPresse. Aprés plusieurs recherche sur notre ami google ce post a été le plus pertinent et le plus efficace.
En effet, je vois souvent ce genre de commentaire « moi j’utilise le plugin … » et je dois vous mettre en garde sur le danger de certains plugins et particulièrement en terme de vitesse de votre site (critère qui prime pour le moteur de recherche pour le positionnement). Faites un test tout simple sur GTmetrix afin de contrôler la vitesse de votre site.
Faites un test avant avec un plugin du genre « cookie notice » puis un aprés en le désactivant et en utilisant la méthode de Jean-baptiste.
Vous vous rendrez compte alors du ralentissement de ce plugin. Pourquoi? En raison des fichiers css et JS (Fichier CSS en plus, JS lourd pas asynchrone..), l’interface GTmetrix vous le fera certainement mieux comprendre que moi.
Cependant, je comprend l’utilité et la nécessité de certain plugin comme WP-rocket qui serai complexe de synthétiser, ou encore wordfense sécurité et YOAST seo.
Pour conclure, limitez vos plugins au maximum par des codes comme celui-ci. Ce genre d’article est une mine d’or, un grand merci à JB ;)
Salut Manipovore, merci pour ton feedback qui fait plaisir à lire.
Comme toi, je suis de l’ancienne école qui préfère modifier le code HTML plutôt que de charger un plugin que je ne maîtrise pas ;)
Bonjour et merci pour le site.
Deux questions :
– as-tu constaté une baisse des revenus adsense suite à l’affichage de ce bandeau.
– concretement si l’internaute ne clique pas sur « OK » (comme 95% des gens… stat peut-etre bidon je l’avoue) il n’y a plus de publicité?
@olivier
1- pas de baisse comme je l’ai intégré (bas de page)
2- la pub s’affiche même si la personne ne clique pas sur OK, rassure toi ;)