Soutiens les tutos gratuits de code.broker en cliquant sur la pub ⬆

Plugin wordpress : Cookie bar & load scripts

Par ,
Publié le 13 novembre 2019
Logo Google analyticsLogo JavaScript (JS)Logo Wordpress

Ce plugin est développé et maintenu par Arthur d’Hausen. Il est disponible en open source sous licence GPL2. Le développeur du plugin s’est efforcé de le rendre compatible avec n’importe quel site wordpress et de le rendre très léger afin de ne pas ralentir votre site web. Ce plugin utilise une petite librairie javascript open source nommée JS Cookie.

Le plugin possède 3 fonctionnalités principales :

  • L’ajout d’une barre à propos de l’utilisation des cookies sur toutes les pages de votre site;
  • La possibilité pour chaque utilisateur d’accepter ou de bloquer les cookies sensibles;
  • La capacité à collecter les sources des utilisateurs (UTMs, paramètres d’URL génériques).

Ajout d’une barre des cookies personnalisable

Ce plugin ajoute une barre d’information à propos de l’utilisation des cookies sur votre site. Cette barre est personnalisable :

  • Modifiez le texte de cette barre des cookies;
  • Modifiez l’URL de votre page présentant vos politiques de sécurité des données;
  • Modifiez la couleur du bouton présent sur toutes les pages de votre site.

Comment sont bloqués les cookies

Lorsque vous utilisez ce plugin, chaque visiteur de votre site a la possibilité de « bloquer » l’utilisation des cookies sensibles sur votre site. Le choix de l’utilisateur est stocké dans un cookie.

Détectez la présence de cookies sur votre site

Pour vérifier la présence de cookies sur votre site, nous vous conseillons d’utiliser une extension sur votre navigateur pour détecter la présence des cookies. Voici une liste des extentions que nous utilisons :

  • EditThisCookie sur Chrome
  • Cookie Editor sur Firefox

Ces extensions vous permettront d’identifier les cookies présents sur votre site. Vérifiez que ces cookies manient ou non des données personnelles. Si c’est le cas, vous devriez permettre à chaque utilisateur de bloquer ces cookies.

Renseignez les cookies que vous souhaitez supprimer

Ce plugin vous permet de Renseigner les cookies à supprimer lorsque l’utilisateur clique sur ce bouton. 2 méthodes de suppression sont disponibles. Il suffit de renseigner le nom exact de chaque cookie, séparés par le symbole |.

cookiename_1|cookiename_2|cookiename_3

Exemple 1 : J’ajoute le nom exact des cookies Salesforce / Pardot. Je les renseigne dans le premier champ (méthode de suppression 1).

mediaplan|visitor_id

Exemple 2 : J’ajoute le nom exact des cookies de Google Analytics. Je constate que la première méthode ne marche pas, car les cookies Google Analytics sont spécifiques. Je les renseigne dans la méthode 2.

_ga|_gat|_git|_gid

Charger les scripts qui génèrent des cookies

Nous avons presque fini. Maintenant que nous avons supprimé les cookies sensibles, il faut s’assurer que les scripts qui généraient ces cookies ne soient plus chargés. Par conséquent, le plugin permet de charger tous ses scripts simplement.

  • Les scripts sensibles peuvent être chargés dans le champ « Scripts qui seront bloqués ».
  • Les seconds scripts peuvent être chargés dans le champs « autres scripts ».

Exemple, je souhaite charger mon suivi google analytics sur toutes les pages. Mais je veux qu’il soit bloqué si un utilisateur refuse les cookies. Dans le champs « Scripts qui seront bloqués », je renseigne :

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-X');
</script>
  • Une 3e option en bonus permet de renseigner l’URL de sa favicon. Cette option est généralement absente de wordpress et nous avons décidé de l’ajouter ici. Si vous n’en avez pas besoin, laissez ce champs vide.

Enregistrez les UTMs (paramètres d’url) de vos utilisateurs.

Cette fonctionnalité analytique vous permet de mieux suivre vos campagnes marketing, en additionnant pour chaque visiteur les UTM_SOURCE, UTM_MEDIUM et UTM_CAMPAIGN. Ces paramètres d’url sont des paramètres génériques utilisés avec Google Analytics. Ils vous permettent de mieux suivre vos campagnes marketing. Cette fonctionnalité est activée automatiquement lorsque vous autorisez le plugin.

Voici l’intérêt de cette fonctionnalité : je veux connaitre la source des visiteurs qui remplissent un formulaire de contact. Je vais récupérer les données de mon cookie pour les envoyer en même temps que le formulaire de contact. Pour récupérer les données du cookie, demandez à votre développeur comment faire. Vous pouvez aussi vous référer à ce tutoriel pour récupérer les données d’un cookie en JavaScript (avec JS Cookie).

Actuellement, ce cookie n’est jamais bloqué, même lorsque l’utilisateur souhaite supprimer les cookie. Ce cookie n’enregistre aucune donnée personnelle ou sensible.

Les fonctionnalités à venir

Ce plugin est en développement et de nouvelles fonctionnalités sont à venir. Si vous souhaitez d’autres options, vous pouvez les suggérer en commentaire ou alors sur la page support du plugin wordpress. Pour soutenir le développement du plugin, laissez-nous une bonne note sur WordPress ou faites-nous un don sur PAYPAL.

Les fonctionnalités à venir :

  • Support multilingue pour traduire la barre de cookies.
  • Récupérer les UTMs de chaque utilisateur lors de l’envoi de formulaires Contact Form 7.

Vous souhaitez développer des fonctionnalités sur mesure pour gérer les cookies de votre site ? Contactez directement le développeur du plugin ici !

 

S’abonner
Notifier de
0 Commentaires
Inline Feedbacks
View all comments