Un site conforme à la Loi ( utilisation des cookies ) ( JavaScript )
mercredi 3 septembre 2014 à 15:06Selon 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é ? '
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 : 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> .
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:
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:
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.
Allez, hop ! ... au travail, il n'y en a juste que pour quelques petites minutes :)
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 : 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>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'.
<script>
document.addEventListener('DOMContentLoaded', function(event) {
cookieChoices.showCookieConsentBar('Your message for visitors here',
'close message', 'learn more', 'http://example.com');
});
</script>
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>La première ligne donne les instructions pour allez lire et exécuter le fichier JS.
<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>
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 :)
© refOK by refok.fr - duplication interdite