Accueil - la tête dans le code - Un site conforme à la Loi ( utilisation des cookies ) ( JavaScript )

Un site conforme à la Loi ( utilisation des cookies ) ( JavaScript )

Selon les indications fournies par la CNIL, les sites Internet doivent se mettre en conformité avec la Loi, notamment en ce qui concernent l'utilisation des cookies. Apparemment simple, mais pas si évidente que cela pourtant, cette demande nécessite au moins la mise en place de petits morceaux de  code en JavaScript pour y arriver. Voici donc la procédure à suivre.
Quasiment tous les sites en ligne, à l'heure actuelle, utilisent des cookies, donc toute le Monde est concerné par cette ' recommandation ' de la CNIL, qui ne nécessite pourtant pas grand chose pour être respectée, encore faut-il savoir le faire !
rappel : sur cette page vous trouverez un résumé des recommandations, des différentes indications, des catégories de sites et de cookies concernés : " site conforme à la Loi ", donc ne revenons pas, ici, sur ce sujet précis, mais plutôt sur le ' Comment mettre mon site en conformité ? '

Utilisation de JavaScript.

Expliqué notamment sur le site de la CNIL, mais de manière assez complexe, et ne 'visant' plus particulièrement que des cookies bien spécifiques, tels ceux déposés par ' Google Analytics ', à première vue cela ne semble pas évident.
Mais, Google nous en donne une solution bien plus simple encore sur une page uniquement dédiée à l'insertion, via JavaScript, de ce qui va nous permettre de réalisée et l'affichage et la bonne manière d'y arriver : http://www.cookiechoices.org/ .
aide de Google
aide de Google : conseils et scripts en ligne .
Explications, pour afficher soit une fenêtre 'popup', soit une barre horizontale pour avertir les internautes, ainsi que les diverses solutions.
Voici celle qui a été retenue pour refok.fr.
1 - téléchargez le fichier " cookiechoices.js " proposé par Google sur ce lien.
2 - placez-le à la racine de votre site.
3 - créez une simple page comportant une notice sur les cookies et leur utilisation sur votre site, composée juste de quelques mots, n'étant pas normalement destinée au référencement, donc au plus simple, le plus efficace.
4 - dans votre site/page Internet, ajoutez ce simple bout de code, après l'ouverture de la balise <body> .
<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>
Vous pouvez remplacer 'close message' par ce que vous voulez 'accepter','OK' ou autre formule, mettre 'informations sur les cookies', par exemple à la place de 'learn more' et, surtout,vous devez ensuite modifier, c'est finalement le peu de chose à faire, 'http://example.com' par l'url de la page que vous aurez créée au numéro '3'.
Et hop, ça doit fonctionner ( prenez le temps de vider les cookies et de vérifier quand même ! ) et votre site sera alors en conformité avec la Loi, notamment sur la protection de la vie privée, en France ...
Si vous désirez déplacer la barre d'avertissement, en changer les couleurs, c'est à la fois faisable via le fichier " JS " et via un ajout dans la CSS, mais ... à vous de voir.
Et, puisque nous y sommes, un exemple concret:

Intégration du script dans Pluxml.

Dans PluXml, comme dans la grande majorité des CMS actuels, tout se passe, le plus simplement du monde, dans la configuration du dossier ' thème ' du site.
1 - téléchargez le fichier " cookiechoices.js " proposé par Google, ou mieux encore, celui qui fonctionne ici, déjà en version 'optimisée'.
2 - placez-le ensuite, par ftp à la racine des fichiers de votre thème, ou dans un dossier ' js ' si le thème en comporte déjà un.
3 - créez un article, en évitant si vous le désirez son affichage direct en page d'accueil.
4 - dans votre fichier ' header.php ', placez le code suivant:
<script src="<?php $plxShow->template(); ?>/js/cookiechoices.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function(event) {
    cookieChoices.showCookieConsentBar('Pour bien poursuivre votre navigation, acceptez l’utilisation de cookies nécessaires au bon fonctionnement du site',
      'OK accepter', '(Infos)', 'index.php?article22/informations-cookies');
  });
</script>
La première ligne donne les instructions pour allez lire et exécuter le fichier JS.
Vous pouvez voir ensuite les modifications apportées, ici sur ce site, quant aux termes employés ( ce qui ne constitue qu'un exemple ... ) et au placement de l'url de l'article d'explications.

Les visiteurs de votre site vous en remercieront.

Rien que par cette simple petite manipulation, ce simple petit code, cette simple 'mise à jour ', vous serez ainsi non seulement en accord avec ce que la CNIL demande, mais les Internautes visitant votre site, voyant le soucis de sécurité et de légitimité que vous affichez ainsi, ne pourront que vous faire davantage confiance et vous en seront obligatoirement reconnaissants ...

Allez, hop ! ... au travail, il n'y en a juste que pour quelques petites minutes :)


autres articles à lire :

Tous les articles ainsi que le contenu de ce site, comme indiqué en pages index, cgu et informations, sont mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, distribuer et modifier tant que cette note apparaît clairement:  "Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 3.0 France", ainsi que la provenance de contenu relayé. Leur utilisation, totale, en ligne, sur ce site est réservée à refOK.fr

6 commentaires

#1  - Yann a dit :

Excellent, je suis en train de le mettre en place.
Il manque juste un passage sur la personnalisation du script. ;)
Couleurs de fond, du texte, des liens etc ...
Est-il forcément nécessaire de mettre une page sur les cookies ?
Amicalement, Yann.

#2  - refOK a dit :

@Yann : si mais chacun fait ce qu'il veut, ce qu'il peut ;) J'ai juste mis ceci " Si
vous désirez déplacer la barre d'avertissement, en changer les
couleurs, c'est à la fois faisable via le fichier " JS " et via un ajout
dans la CSS ", le reste on le presonnalise à partir de ces deux fichiers  ... ;)

#3  - François a dit :

Bonjour,
Merci pour cet article mais la barre horizontale ne s'affiche pas sur mon site...
Le chemin vers le dossier js de pluxml est pourtant valide et j'ai copié collé votre code, mais rien ne s'affiche.
Une idée de ce qui pourrait bloquer ?

#4  - refOK a dit :

@François : ne pas oublier de nettoyer les cookies avant de vérifier le bon fonctionnement du code, car il fonctionne, mais sans voir le site ... pas évident :)

#5  - Hellomelo a dit :

Bonjour
Je ne parviens pas à installer cette barre d'avertissement sur mon blog qui est hébergé par Google..
J'ai copié le code après la balise d'ouverture comme indiqué. Mais je ne parviens pas à installer le fichier " cookiechoices.js " à la racine... Pouvez-vous préciser cette procédure ?
Merci beaucoup ! Je ne voudrais pas être "hors la loi" d'ici deux jours ^^

#6  - André Ortais a dit :

Bonjour,
Merci pour ce tutoriel de qualité. J'ai pu le faire fonctionner sur mon site. Juste une petite modif pour que ça marche : j'ai du passer le bout de code en bas de page avant la balise de fermeture du body.

Fil RSS des commentaires de cet article

Écrire un commentaire

Quelle est la troisième lettre du mot anjgi ?

Pour laisser un petit avis au passage, nul besoin d'avoir un site ou une adresse Internet, juste se donner un 'pseudo' ...
Les commentaires sont en 'dofollow', mais modérés à priori. Ils ne seront publiés qu'après vérification de votre message.
Si vous pensez ou désirez obtenir un backlink, votre commentaire doit être construit de manière cohérente, rédigé correctement ET avoir un minimum de contenu et de pertinence.