Ajouter cookie notice à votre blog (avec et sans plugin)

Les cookies sont des petits fichiers, qui sont déposés sur le disque dur de votre ordinateur par les sites que vous visitez. Ils sont capables de vous identifier de passage en passage sur Internet. Ils vous suivent, vous traquent pour connaître vos habitudes, pour vous proposer un meilleur choix dans vos actions, autrement dit vous espionnez : vaste débat !

Les cookies se déposent sur un ordinateur fixe ou portable, mais également sur les tablettes, les smartphones, même les consoles de jeux vidéo reliées à internet… Certains cookies peuvent enregistrer vos informations personnels, comme Google Analytics, les boutons de partage, les régies publicitaires…

Je ne vais pas vous ressortir ici tous les articles de loi, on va faire bref. La CNIL précise que toutes informations personnelles susceptible de naviguer par voie électronique, doit être au préalable consenti par la personne.

La plupart des sites utilisent des outils de tracking comme Google Analytics, il faut donc depuis la dernière loi se mettre en conformité et demander au préalable le consentement de vos visiteurs quand ils naviguent sur votre site. La méthode pour ceci est d’afficher un message d’alerte/d’info pour prévenir vos visiteurs que vous allez enregistrer des cookies sur leurs ordinateurs..

Solution pour créer un message d’alerte cookie

Utilisation du plugin cookie notice

Il y a plusieurs plugins WordPress pour afficher une alerte ou un message indiquant aux utilisateurs l’existence des cookies sur votre site, ici on va présenter le meilleur de cette catégorie Cookie Notice by dFactory

Cookie Notice vous permet d’informer élégamment les utilisateurs que votre site utilise des cookies et de vous conformer à la législation européenne sur les cookies.

Fonctionnalités incluses :

• Personnalisez le message
• Rediriger les utilisateurs vers une page spécifique pour de plus amples informations sur les cookies
• Définir la durée d’expiration des cookies
• Lien vers la page d’informations complémentaires
• Option pour accepter les cookies lors du défilement vers le bas
• Option pour fixer la longueur du défilement avant acceptation
• Option pour refuser les fonctions de cookies
• Option to reload the page after cookies are accepted
• Choisir la position de l’avertissement sur l’usage des cookies
• Animer le message d’avertissement après l’acceptation
• Choisir un style de boutons ne ressemblant à aucun autre, WordPress et Bootstrap
• Définir le texte et la couleur d’arrière-plan du message
• Compatible avec les extensions multilingues WPML et Polylang
• SEO friendly
• Fichier .pot pour les traductions incluses

Après avoir installé l’extension (Cookie Notice) , si vous ne voulez rien faire, laissez-le en l’état et vous aurez un bandeau noir en haut de votre site informant l’internaute que votre site utilise des cookies.

Vous pouvez aussi personnaliser le plugin Cookie Notice :

• en modifiant la phrase
• en emmenant l’internaute vers une page de votre blog comme celle de vos mentions légales par exemple, qui doivent comporter une mention pour les cookies,
• en mettant le bandeau aux couleurs de votre site et en le mettant en haut ou en bas de vos pages,
• en choisissant le style de bouton,
• l’expiration des cookies (par défaut un mois)

Sans plugin

Comme vous devez le savoir désormais, multiplier les plugins sur votre installation WordPress n’est pas la meilleure solution en terme de performance, car plus de plugin veux dire un temps de chargement de votre site en hausse.

Mon choix se porte sur la solution externe Cookie Consent de chez Silktide, la solution est gratuite, performante, personnalisable et simple à mettre en place.

Voici le code que nous allons récupérer et coller dans notre fichier header :

<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
 window.cookieconsent_options = {"message":"Message qui apparaitra","dismiss":"J'accepte","learnMore":"+ d'info","link":"url-vers-mentions-legales.fr","theme":"light-bottom"};
</script><script type="text/javascript" src="//s3.amazonaws.com/cc.silktide.com/cookieconsent.latest.min.js"></script>
<!-- End Cookie Consent plugin -->

Je vous conseille de passer directement par le générateur de code qui se trouve sur cette page : https://silktide.com/tools/cookie-consent/download/

Récuperez le code à l’étape 3 :

Insérez le dans le fichier header de votre installation WordPress entre les balises <head></head> :

Maintenant retournez sur votre site, vous devriez voir votre message d’alerte cookie s’afficher à l’emplacement que vous avez choisi selon la configuration de votre plugin.