Tarteaucitron

Afin de mettre votre site en conformité au RGPD, si besoin, voici le portage pour SPIP de la solution de gestion de consentement aux cookies tarteaucitron.js.

Présentation du plugin

Tarteaucitron est un plugin permettant d’activer des services tiers qui eux mêmes nécessitent une demande de consentement auprès de vos internautes.

Les services tiers proposés par défaut sont :

  • Gtag (Global Site Tag, le ’nouveau’ script de suivi pour Google Analytics)
  • Google Maps
  • Facebook (pour activation des boutons de Like et Partage)
  • Facebook Pixel

Mais il est possible d’en proposer d’autres (Twitter, etc.). Voir à ce propos le paragraphe Ajouter de nouveaux services ci-dessous.

Un plugin deux en un

Pour chaque service activé, le plugin :

  1. insère le tag,
  2. gère le consentement des vos internautes à ce tag.
Note : ce plugin fait donc la même chose que Plugin Google analytics pour activer le tag Google Analytics, mais en plus il gère le consentement des vos internautes à ce service.

Affichage du bandeau de consentement

Il suffit d’activer un ou plusieurs services pour que automatiquement s’affiche le bandeau de consentement sur toutes les pages du site.

Bandeau de consentement
Bandeau de consentement

Une fois que l’internaute aura fait son choix de consentement, ce bandeau disparaîtra.

Si l’internaute clique sur le bouton “Personnaliser”, alors la fenêtre modale suivante s’ouvre.

Consentement : gestion des services au cas par cas
Consentement : gestion des services au cas par cas

Prérequis et installation

Ce plugin a été écrit pour SPIP 3.2.

Il s’installe via le menu Configuration -> Gestion des plugins. (pour en savoir plus, voir Installer un plugin).

Configuration et activation

Certaines options de configuration sont disponibles quant à la façon dont s’affiche les demandes de consentements.

Configuration : options sur l'affichage du bandeau de consentement
Configuration : options sur l’affichage du bandeau de consentement

Pour l’activation du ou des tags associé aux services, il faut en général fournir une clé ou un ID. Mais pas toujours, comme ici pour l’activation du Facebook Pixel.

Configuration : ajout des services
Configuration : ajout des services

Dans le plupart des cas, l’activation depuis l’interface suffit. C’est par exemple le cas pour Google Analytics et Facebook Pixel.

Pour d’autres services, comme Facebook Like, il vous faudra également ajouter à vos squelettes le code idoine comme indiqué dans le documentation du service tiers.

Ajouter de nouveaux services

Comme il est dit plus haut, ce plugin intègre la libraire tarteaucitron.js. Cette librairie gère plusieurs dizaines de services.
Seuls 4 sont gérés ici, mais il est possible d’en ajouter de nouveaux.

Intégrer le code du service

Aller voir https://opt-out.ferank.eu/fr/install/ / Etape 3 : ajouter les services et intégrer le code proposé dans un fichier à placer dans le répertoire /services du plugin

Donner la possibilité d’activer ou non ce nouveau service

Il faut intégrer un nouveau champ de saisie correspondant à ce service et éventuellement à la clé correspondante dans le formulaire de déclaration des services.

Cette intégration se fait dans le fichier /formulaires/configurer_tarteaucitron_services.html du plugin.

Attention : il faut absolument faire correspondre l’attribut ‘name’ du nouveau champ et le nom du fichier placé dans /services.

N’hésitez pas à ajouter des services, les contributions sont les bienvenus !

updated on 29 December 2020

Discussion

3 discussions

  • Bonjour,

    Plugin intéressant et pratique, par contre j’ai du le désinstaller pour le moment suite à un problème avec certains navigateurs, tout était fonctionnel sur firefox mais sur edge et chrome ça bloque l’affichage du site....

    Avez-vous déjà eu le problème ?

    Reply to this message

  • 5
    Sébastien

    Merci pour ce plugin. J’ai mis quelques minutes à comprendre : ce plugin nécessite Saisie. Une dépendance serait la bienvenue.

    • Normalement c’est intégré depuis la v1.2.1

    • Sébastien

      Merci ! Cela me permet de tester la mise à jour... et de me pencher sur un problème que je n’ai pas réussi à résoudre : où peut-on mettre les nouveaux services (/services) et (/formulaires/configurer_tarteaucitron_services.html) pour en ajouter sans risquer de les perdre à la prochaine mise à jour ? De même si on veut créer un service, le fichier est dans /lib/tarteaucitron/tarteaucitron.service.js, je n’ai pas réussi à le surcharger dans /squelettes... Merci, bonne fin de journée.

    • je ne suis pas l’auteur du plugin. Tu point eun problème que j’avais pointé : l’asbence de mecanisme de pipeline sur ce plugin.

      Du coup, le mieux si tu crée de nouveaux services serait carrément de proposer les modifications aux plugin, via une PR. Comme cela les autres pourrotn en profiter :)

    • Bonjour Sébastien

      Je suis entrain de voir pour faire des rajouts, tu cherches quel services ?
      D’ici début janvier je vais rajouter des services de vidéo dans le plugins comme youtube et dailymotion

    • Sébastien

      Bonjour. Merci. Effectivement, je cherchais à ajouter YouTube, DailyMotion et Viméo. Ainsi que Google Doc. Bonne fête de Noël.

    Reply to this message

  • 6

    Bonjour,
    j’ai intégré ce plugin très pratique à mettre en œuvre... mais je n’arrive pas à faire apparaitre le lien présent dans “Divers” (consentement aux cookies) dans le bandeau de consentement. J’ai essayé le lien url_propres ainsi que le lien vers l’ID de l’article sans résultat.

    Une option quelconque à activer dans un fichier de configuration ?

    Merci pour le travail sur cette extension et d’avance pour une éventuelle réponse.

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom