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 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 le fichier téléchargé “cConsentTac.ftl”.

Par défaut les deux services,monparis et matomo sont déclarés par défaut. Vous n’avez rien a faire pour le service monparis. Si vous utilisez le plugin Matomo et il faut simplement configurer l’identifiant et l’url -fournies par le BIAD- du serveur Matomo dans les options du site - menu Site -> Gestion des propriétés du site.

Voir la page du Wiki Intégration de Matomo à un site Lutèce pour l’intégration du plugin Matomo dans votre site.

Si vous n’avez pas le plugin Matomo, il vous faudra surcharger le fichier “WEB-INF\templates\skin\site\themeparisfr_frameset_footer_js.html” et le comitter dans votre site pour en conserver le paramétrage.

<#-- Tarte au Citron Service : Matomo  -->
<@cConsentTacService code='matomohightrack'>~~${matomo!}~~</@cConsentTacService>

Modifier la ligne 7, supprimer le tag ${matomo} et remplacer le par le code suivant

<#-- Tarte au Citron Service : Matomo  -->
<@cConsentTacService code='matomohightrack'>
tarteaucitron.user.matomoId = [identifiant];
var u=("https:" == document.location.protocol) ? "[url https]" : "[url http]"; 
tarteaucitron.user.matomoHost = u;
</@cConsentTacService>

Entre crochet les valeurs à substituer. Les valeurs de [url http] et [url https] sont :

• https://mtmdsin.rec.apps.paris.fr/matomo/ pour la recette
• https://mtmdsin.apps.paris.fr/matomo/ pour la prod Remplacez [identifiant] avec l’id fourni par le BIAD. 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

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

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

Sans le thème

<!-- Ajout du css si besoin -->
<link rel="stylesheet" href="js/tarteaucitron/css/theme-tac.min.css" > 
<!-- 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 -->
<script>
tarteaucitron.init({
 "bodyPosition": "top",  /* Tag positionné en haut pour accessibilité */
 "privacyUrl": "Politique de cookie", /* Privacy policy url */
 "hashtag": "#cookiepolicyparisfr", /* Open the panel with this hashtag */
 "cookieName": "cookieparisfr",  /* Cookie name */
 "orientation": "bottom", /* Banner position (top - bottom) */
 "groupServices": false, /* Group services by category */
 "showDetailsOnClick": true, /* Click to expand the description */
 "serviceDefaultState": "wait",  /* Default state (true - wait - false) */
 "showAlertSmall": false, /* Show the small banner on bottom right */
 "showIcon": true, /* Show cookie icon to manage cookies */
 "iconPosition": "bottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
 "cookieslist": true, /* Show the cookie list */
 "adblocker": true, /* Show a Warning if an adblocker is detected */
  "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
  "DenyAllCta" : true, /* Show the Deny all button when highPrivacy on */
 "highPrivacy": true, /* Disable auto consent */
 "alwaysNeedConsent": true, /* Ask the consent for "Privacy by design" */
 "handleBrowserDNTRequest": true,/* If Do Not Track == 1, disallow all */
 "removeCredit": false,  /* Remove credit link */
 "moreInfoLink": true, /* Show more info link */
 "useExternalCss": true, /* If false, the tarteaucitron.css file will be loaded */        
 "readmoreLink": "https://www.paris.fr/pages/cookies-234", /* Change the default readmore link */
 "mandatory": true, /* Show a message about mandatory cookies */
 "mandatoryCta": true, /* Show the disabled accept button when mandatory on */
 "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>",
 "customCloserId": "tac", /* Optional a11y: Custom element ID used to open the panel */
 "googleConsentMode": true, /* Enable Google Consent Mode v2 for Google ads and GA4 */
 "bingConsentMode": true, /* Enable Bing Consent Mode for Clarity and Bing Ads */
 "softConsentMode": false, /* Soft consent mode (consent is required to load the services) */
 "dataLayer": false, /* Send an event to dataLayer with the services status */
 "serverSide": false, /* Server side only, tags are not loaded client side */
 "partnersList": true /* Details the number of partners on the popup and middle banner */
});
});
</script>
<!-- Fin code à ajouter -->

Ajouter un autre service.

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

<script>
tarteaucitron.user.contentsquareID = 'CONTENT_SQUARE_ID'; // identifiant donné par le service ContentSquare
(tarteaucitron.job = tarteaucitron.job || []).push('contentsquare');
</script>