12, Juil 2024
Comment gérer les cookies avec Tarteaucitron

Les cookies, utilisés avec Google Analytics, permettent aux créateurs de site de mesurer ses performances. Cependant, pour se conformer au RGPD, il est crucial de demander l’autorisation des utilisateurs avant de collecter ces données personnelles.

1. Présentation de Tarteaucitron

Le produit Tarteaucitron est proposé en deux formules :

  • La première formule est gratuite et minimaliste, mais elle est suffisante car elle respecte les lois sur les cookies.
  • La seconde, à 15 € par mois, est plus complète avec plusieurs langues et un plugin sur WordPress.

2. Téléchargement

Vous pouvez télécharger la dernière version du script depuis GitHub et extraire le fichier à la racine de votre projet.

3. Installation et configuration du script

Une fois le fichier extrait vous pouvez copier le code suivant et l’insérer dans votre fichier html, dans la section body. :

Attention !!!

Vous devez vérifier que la première ligne du code avec l’arborescence trateaucitron/trateaucitron.js correspond à votre nom de dossier. Après extraction du fichier, assurez-vous que le dossier conserve le nom tarteaucitron, comme illustré ci-dessous.

Une fois cette vérification effectuée, vous pouvez commencer à installer les services souhaités. Prenons ici l’exemple de Google Analytics :

Tout d’abord, entrez le nom du service que vous souhaitez installer :

Ensuite, cliquez sur « Installer ». Cela ouvrira une page où vous devrez simplement copier le code en haut et le placer juste en dessous du code que vous avez copié précédemment.

Voici le code pour Google Analytics :

Maintenant, vous êtes libre d’installer tous les services que vous souhaitez.

4. Test

Normalement, si votre site est en ligne, vous devriez obtenir ceci :

Si vous n’obtenez pas ce résultat, pensez à vérifier l’arborescence de votre dossier. Sinon, n’hésitez pas à demander à ChatGPT pour obtenir de l’aide.

4. Personnalisation du message

Dans un premier temps, nous allons configurer le message « Personnaliser ». Comme vous pouvez le constater, lorsque vous cliquez sur le bouton, vous devriez obtenir ceci :

Cependant, selon les obligations du RGPD, il est essentiel de fournir une liste des cookies utilisés sur le site, en spécifiant leur utilisation. C’est la politique de confidentialité. Nous allons donc créer une page dédiée à la politique de confidentialité (ici appelée politique_de_confidentialite.html) et l’intégrer dans le script tarteaucitron une fois qu’elle sera créée (toujours après les scripts précédents de la page d’accueil).

On obtient alors ceci avec le bouton « Politique de confidentialité » en blanc qui redirige vers notre politique de confidentialité :

Dans un second temps, vous pouvez modifier les couleurs de la bannière en éditant la feuille de style tarteaucitron.css présente dans le dossier tarteaucitron. Pour cela, vous avez deux options :

  • On peut modifier les codes css directement dans le fichier tarteaucitron.css
  • Ou alors on peut empêcher la redirection avec ce script, toujours placé après les autres script :

Peu importe la méthode choisie, on peut obtenir des résultats plutôt sympas.

Avant

Après

Conclusion

À travers les étapes que nous avons explorées, il est essentiel de respecter les obligations légales telles que le RGPD en matière de gestion des cookies. En configurant correctement des outils comme Tarteaucitron, nous avons vu comment fournir une transparence et un contrôle accrus aux utilisateurs concernant leurs données personnelles. En personnalisant l’apparence et en intégrant une politique de confidentialité claire, nous pouvons non seulement respecter les normes de conformité mais aussi améliorer l’expérience utilisateur. Avec ces ajustements, votre site est prêt à offrir une expérience en ligne sécurisée et transparente.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *