Reading:
Comment mettre en place un bandeau de cookies sur son site ?

Bandeau cookies sur son site code HTML Wordpress

Comment mettre en place un bandeau de cookies sur son site ?

23 octobre 2014

Les cookies définissent ces petits éléments enregistrés sur le disque dur de l’internaute à la demande du serveur et qui contiennent des informations sur sa navigation internet et ses visites des différents sites. A la base, son but était de faciliter l’utilisation du site pour l’internaute en mémorisant ses codes d’accès ou ses préférences par exemple, et afin d’éviter de retaper les données. Depuis quelques temps, les cookies servaient plutôt à collecter les habitudes de consultation et de consommation à des fins publicitaires, ce qui a donné lieu à une certaine polémique sur la protection des données personnelles.

Dans tous les cas, une directive européenne rend obligatoire depuis 2011 le consentement de l’utilisateur avant le dépôt et la lecture de cookies ou tout autres traceurs. Concrètement, c’est pour cela que vous voyez maintenant régulièrement une demande de consentement sur vos sites préférés. Selon la CNIL (Commission Nationale Informatique et des Libertés) sont concernés l’ensemble des blogs et sites web utilisant certains cookies et s’adressant à des internautes européens. Les demandes de consentement sont donc officiellement obligatoires pour les sites utilisant :

  • les cookies installés à des fins publicitaires
  • les cookies de réseaux sociaux générés par des boutons de partages (Facebook, Twitter, Pinterest…)
  • la grande majorité des cookies de suivi d’audience (tous sauf Piwik actuellement en test chez Kokmoka)

Vous avez le donc le choix entre ne pas mettre de cookies ou demander clairement l’accord de vos visiteurs à travers un bandeau sur l’homepage vous proposant d’accepter ou non l’utilisation des cookies. Quel message doit comporter ce bandeau ? Voici un exemple de texte que doit contenir la barre d’information sur la loi :

« En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies pour vous proposer des contenus et services adaptés à vos centres d’intérêts. »

Le bandeau doit comporté, en plus du texte, un lien qui renvois vers une page CGU.

Barre cookies site web

La CNIL précise que le message du bandeau doit contenir les finalités des cookies, une explication sur le fait que la poursuite de la navigation vaut un consentement et que l’utilisateur a la possibilité de changer les paramètres en cliquant sur le lien du bandeau. Après ça, il devient un site conforme à la loi. Afin de vous mettre en adéquation avec la loi, l’installation de la barre s’avère facile mais différente en fonction de la plateforme de votre site internet :

Comment insérer la barre sur son site internet ?

Code HTML du bandeau :

– Sous code Javascript, vous devez copier / coller le texte suivant entre les balises <body> de votre page et télécharger le fichier adéquat cookiechoices.js pour le transférer dans le répertoire à la racine de votre serveur. Vous avez le choix entre un message d’information sur l’utilisation de cookies sur l’écran d’accueil

<script src="/cookiechoices.js"></script>
  <script>
  document.addEventListener('DOMContentLoaded', function(event) {
  cookieChoices.showCookieConsentDialog('Your message for visitors here.',
  'close message', 'learn more', 'http://example.com');
  });
  </script>

ou une barre de notification via le code HTML / Javascript

 <script src="/cookiechoices.js"></script>
  <script>
  document.addEventListener('DOMContentLoaded', function(event) {
  cookieChoices.showCookieConsentBar('Your message for visitors here',
  'close message', 'learn more', 'http://example.com');
  });
  </script>

http://www.cookiechoices.org/

Pour ajouter le bandeau CNIL sur un site WordPress :

– Pour les adeptes de WP, optez pour le plugin WordPress cookie-law-info, après l’avoir téléchargé, activez-le à partir de votre menu puis sur « Cookie Law Info / Settings » configurez la bannière selon vos envies avec votre texte, vos couleurs et votre propre style ou même optez pour sa disparation dans le laps de temps voulu. Le plugin WordPress s’avère facile à mettre en place et efficace. Télécharger le plugin Cookie Law Info

Pour mettre le bandeau sur un site Drupal :

Pour Drupal la barre pour informer de l’utilisation de cookies s’installe après activation du module puis :

  • Création de la page d’information qui apparaîtra sur votre site
  • Accorder les autorisations dans votre page Admin pour afficher la fenêtre en pop-up
  • Activez et personnalisez le pop-up
  • Si vous souhaitez personnaliser le fond et la couleur du texte, installez : http://drupal.org/project/jquery_colorpicker
  • Si vous souhaitez afficher juste le message dans les pays européens, installez : https://drupal.org/project/smart_ip et activez l’option depuis votre admin.

Télécharger EU Cookie Compliance Voilà, vous pouvez le dire : « site conforme à la loi ». Félicitations.

Sitebeam cookieconsent

Proposé par Charles dans les commentaires, sitebeam.net permet d’installer et configurer le style du bandeau plus facilement et, pour les visiteurs, de pouvoir changer les paramètres (autorisation des réseaux sociaux, outils Analytics ou les régies publicitaires à utiliser les cookies).

http://sitebeam.net/cookieconsent/



0 Comments

Laisser un commentaire

Related Stories

Arrow-up