A propos de Tarteaucitron
Tarteaucitron est une CMP (Consent Management Platform) française vous permettant de gérer vos cookies et votre politique RGPD en toute conformité. Le produit à la particularité d'être en Opensource, et de proposer une implémentation simple et efficace, toujours enrichie grâce aux ajouts réguliers de la communauté de développeurs.
TarteauCitron est accessible sous deux formes :
- Une version gratuite, sans support, et avec une documentation d’installation restreinte (mais suffisante).
- Une version payante, qui offre une prise en charge du multilinguisme, une meilleure personnalisation, un plugin WordPress, des statistiques d’activation …
En savoir plus sur https://tarteaucitron.io/fr/.
Fonctionnalités
- Gestion du consentement
- Ajout de services en 1 clic
- Personnalisation complète
- Communauté ouverte
- Monitoring des activations
PA Connect Tarteaucitron
Le PA Connect Tarteaucitron vous permet de déployer une stratégie de mesure d’audience Piano Analytics conforme aux dernières recommandations de la CNIL.
Fonctionnement du connecteur
La première étape consiste à télécharger les scripts Tarteaucitron disponibles sur la page Github.
Une fois les librairies téléchargées, vous êtes en mesure de les appeler sur le script de votre site et d'ajouter nos méthode de gestion privacy. Lorsque le script est fonctionnel, vous pouvez alors recueillir le consentement de vos visiteurs via la CMP Tarteaucitron, et commencer à exploiter les analyses privacy disponibles sur Piano Analytics.
Méthode "Consent Management", PA JS >6.8
Pour commencer, il vous faudra installer les librairies tarteaucitron.js et tarteaucitron.services.js depuis le Github.
Avant de continuer, vous allez devoir mettre à jour le script de privacy présent dans le fichier tarteaucitron.services.js, pour qu'il soit compatible avec les méthodes "Consent Management" du SDK Piano Analytics.
Pour cela, remplacez donc le script de la section "//pianoanalytics" par celui-ci :
tarteaucitron.services.pianoanalytics = {
"key": "pianoanalytics",
"type": "analytic",
"name": "Piano Analytics",
"uri": "https://support.piano.io/hc/fr/categories/4467759793298",
"needConsent": true,
"safeanalytic": false,
"cookies": [],
"js": function () {
"use strict";
if (tarteaucitron.user.paLibUrl === undefined) {
return;
}
if (tarteaucitron.user.paAlreadyLoaded !== undefined) {
return;
}
tarteaucitron.addScript(tarteaucitron.user.paLibUrl, '', function () {
if (typeof window.pa.consent !== 'undefined') {
window.pa.consent.setMode('opt-in');
}
if (typeof tarteaucitron.user.paMore === 'function') {
tarteaucitron.user.paMore();
}
});
},
"fallback": function () {
"use strict";
if (tarteaucitron.user.paLibUrl === undefined) {
return;
}
tarteaucitron.user.paAlreadyLoaded = true;
tarteaucitron.addScript(tarteaucitron.user.paLibUrl, '', function () {
if (typeof window.pa.consent !== 'undefined') {
var visitorMode = window.pa.consent.getMode();
if (visitorMode !== null && visitorMode == "opt-out") {
window.pa.consent.setMode('opt-out');
} else {
window.pa.consent.setMode('essential');
}
}
if (typeof tarteaucitron.user.paMore === 'function') {
tarteaucitron.user.paMore();
}
});
}
};
Vous pouvez maintenant appeler le fichier tarteaucitron.js dans votre code source (celui-ci fait appel au service Piano Analytics que vous venez de modifier ci-dessus) :
<script src="Tarteaucitron1.14.0/tarteaucitron.js"></script>
<script type="text/javascript" src="https://tag.aticdn.net/piano-analytics.js"></script>
A présent, ajouter le script qui gère le fonctionnement de la CMP tarteaucitron :
<script src="/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "", /*Privacy policy url */
"bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"orientation": "middle", /* 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 */
"cookieslist": false, /* Show the cookie list */
"closePopup": false, /* Show a close X on the banner */
"showIcon": true, /* Show cookie icon to manage cookies */
//"iconSrc": "", /* Optionnal: URL or base64 encoded image */
"iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"DenyAllCta" : true, /* Show the deny all button */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": false, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
"useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "", /* Change the default readmore link */
"mandatory": true, /* Show a message about mandatory cookies */
"mandatoryCta": true /* Show the disabled accept button when mandatory on */
});
</script>
Puis enfin, terminez par la configuration et l'envoi d'événement Piano Analytics :
<script>
tarteaucitron.user.paLibUrl ='//tag.aticdn.net/piano-analytics.js'; //piano library
tarteaucitron.user.paMore = function(){
//Configuration des hits
pa.setConfigurations({
site: 624738, //à modifier
collectDomain: "XXXXXXX.pa-cd.com", //à modifier
addEventURL:true,
campaignPrefix:['at_', 'utm_']
});
//Propagation du contexte via propriétés
pa.setProperties({
'page':"test_tarte_citron"
}, {
'persistent': true
});
//Evénement de page vue
pa.sendEvent('page.display');
};
(tarteaucitron.job = tarteaucitron.job || []).push('pianoanalytics');
function ActivateOptOut() {
pa.consent.setMode('opt-out');
pa.sendEvent('consent.changed', { 'consent_status': 'optout' });
tarteaucitron.userInterface.respond(event.target, false);
}
function DesactivateOptOut() {
pa.consent.setMode('essential');
pa.sendEvent('consent.changed', { 'consent_status': 'exempt' });
tarteaucitron.userInterface.respond(event.target, false);
}
</script>
Analyses Privacy dans Piano Analytics
Une fois votre CMP fonctionnelle, vous retrouverez vos données de consentement dans notre analyse Privacy > Visitor mode, disponible sur Explorer :
Vous pouvez également utiliser les propriétés dédiées à la mesure de la privacy "Visitor mode" et "Visitor consent" sur notre outil de data mining Data Query :
Autres ressources
Voici une liste de ressources complémentaires pouvant vous aider dans la compréhension de ce sujet Privacy et dans le déploiement de ce connecteur.
- Privacy Center : Explication complète pour se mettre en conformité - https://support.piano.io/hc/fr/articles/4467773736338
- Documentation développeur Privacy : Informations techniques concernant nos différentes méthodes Privacy - https://developers.atinternet-solutions.com/javascript-fr/fonctionnalites-avancees-javascript-fr/privacy-javascript-fr/
- Documentation Tarteaucitron (Opensource) sur l'intégration : Guide d'installation - https://tarteaucitron.io/fr/install/