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.

bandeau 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 :

  1. Où récupérer le code qui permet d’afficher un bandeau cookies ?
  2. Comment personnaliser ce code sans nuire à votre business publicitaire ?
  3. Comment insérer ce code dans un blog WordPress ?
  4. 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 :

http://www.cookiechoices.org/

 

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
Suivez-moi

Jean-Baptiste

Responsable marketing digital chez Orange le jour. Blogueur, Auteur, Entrepreneur la nuit,j'ai plus de 10 ans d'expérience sur Internet en gestion de projets, création d'audience, monétisation.
Jean-Baptiste
Suivez-moi


Tu veux gagner de l'argent avec ton blog ?
Lis tout de suite BlogBuster dispo sur Amazon, Kobo, Fnac, iTunes pour 3,99 €

blogbuster ebook

Nous te recommandons :


Categories and Tags:  Droit

Commentaires (15)

 

  1. Busy Women dit :

    Merci pour cet article, bon personnellement j’utilise le plugin cookie notice.

  2. 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.

  3. Busy Women dit :

    Ah oui il faut que je rajoutes ça en effet. Merci !

  4. Braindegeek dit :

    Salut, j’utilise le plugin Cookie Avis par dFactory sur wordpress. Aucune configuration a faire

  5. Merci pour ce code, on est vraiment obligé de maitre ce message? Dans mon cas je n’installe pas de cookie via mon blog

  6. aemi dit :

    help!!! je ne comprend rien! suis-je obligée de le faire si j’ai un blog avec 2 pubs google ad svp?

  7. Jean-Baptiste dit :

    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

  8. aemi dit :

    Merci! ça va être compliqué pour tous les blogueurs dilettantes comme moi! ;-)

  9. Joel dit :

    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

  10. Jean-Baptiste dit :

    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.

  11. ECOIMPORT dit :

    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 ???

  12. Manipovore dit :

    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 ;)

  13. Jean-Baptiste dit :

    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 ;)

  14. olivier dit :

    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é?

  15. Jean-Baptiste dit :

    @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 ;)

Deviens toi aussi un YouTubeur


Rechercher


Recevoir Blogbuster par email

    Ajoutez votre email :





BlogBuster, le livre


blogbuster ebook

Catégories


Derniers articles et tutos


Derniers plugins ajoutés


Trouver un plugin


Mentions légales - Contact