Gestion du consentement

TarteAuCitron est l’outil qui gère le consentement. Il est intégré au Thème Paris.fr depuis partir de la version 1.3. mais si vous n’utilisez pas le Lutece ou le thème “Paris.fr” ou le deux vous pouvez aussi ajouter directement dans votre site cette librairie.

Avec le thème “Paris.fr”

Si vous utilisez le thème Paris.fr dans sa version supérieure à la 1.4.5 et inférieure à la 2.0.4, vous pouvez utiliser la macro cConsentTac dans sa dernière version à télécharger sur le Gitlab du thème “Paris;fr” et remplacer le fichier actuellement en place dans votre site par ce fichier.

Matomo est déclaré par défaut comme service pour TarteAuCitron et il faut simplement configurer l’identifiant et l’url du serveur Matomo dans les options du site, notamment si vous utiliser le plugin Matomo. Voir la page du Wiki Intégration de Matomo à un site Lutèce pour l’intégration.

Par défaut le fichier “WEB-INF\templates\skin\site\themeparisfr_frameset_footer_js.html” contient deux services,* monparis* et matomo. Le service *matomo *est spécifique à la Ville de Paris. Les identifiants et urls sont gérés par le plugin Matomo. Pour tout autre service, par exemple “Contensquare”, il vous faut ajouter une surcharge sur le site qui utilise le service.

Ajouter un service avec la macro cConsentTacService

Cette macro qui permet de déclarer autant de services que nécessaire -116 disponibles à ce jour (Google, Twitter…),en fonction des services présent sur le site

Ajouter un autre service.

Exemple de l’ajout d’un service “ContentSquare”

<@cConsentTacService code='contentsquare'>
tarteaucitron.user.contentsquareID = 'CONTENT_SQUARE_ID';
</@cConsentTacService>

N.B. : Pour les versions antérieures vous pouvez utiliser la méthode “sans le thème” ci-dessous en modifiant le fichier “WEB-INF/skin/site/page_frameset.html”

Sans le thème

Dans tous les cas, vous pouvez ajouter la librairie “tarteaucitron” directement dans votre site Voir la documentation d’installation.

<!-- Exemple d'ajout de la lib -->
<script src="js/tarteaucitron/tarteaucitron.min.js"></script>

Après le chargement du script tarteaucitron.min.js ci-dessus et avant l’initialisation de la fonction init() et ajouter le code suivant pour modifier les libellés des messages par défaut.

<script>
<!-- Code à ajouter -->
var tarteaucitronCustomText = {
    "alertBigPrivacy": "Afin de rendre ses services plus performants, d’améliorer l’expérience utilisateur et la manière dont les contenus vous sont présentés, nous analysons la façon dont <a href=\"https://www.paris.fr/pages/cookies-234\">le service numérique est utilisé grâce à des cookies</a>",
    "privacyUrl": "Politique de cookie",
 };
 <script type="text/javascript">
tarteaucitron.init({
  "privacyUrl": "", /* Privacy policy url */
  "bodyPosition": "top", /* top to bring it as first element for accessibility */
  ...
  "DenyAllCta" : true, /* Show the deny all button */
  "AcceptAllCta" : true, /* Show the accept all button */
  "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
  "alwaysNeedConsent": false, /* Ask the consent for "Privacy by design" services */
  ...
});
</script>
<!-- Fin code à ajouter -->

Ajouter un autre service.

Exemple de l’ajout d’un service “ContentSquare”

<script>
tarteaucitron.user.contentsquareID = 'CONTENT_SQUARE_ID';
(tarteaucitron.job = tarteaucitron.job || []).push('contentsquare');
</script>