En raison du fonctionnement de Trackboxx, aucun optin n'est en principe nécessaire.
Nous souhaitons néanmoins offrir à nos clients la possibilité de proposer une fonction optout.
Brève explication - que signifie Optout dans notre cas ?
La fonction Optout vous permet d'afficher un "interrupteur/bouton" via un petit script.
Il est activé par défaut. Cependant, si le visiteur du site web le désactive, ses visites ne seront plus suivies.
Le client peut donc s'opposer au tracking sur le site web correspondant.
Une fois intégré, le bouton se présente comme suit :
Intégration de l'opt-out
En principe, le script correspondant à l'optout se trouve déjà dans le modèle de la déclaration de confidentialité de Trackboxx. Tu la trouveras Ici.
Néanmoins, voici un aperçu de l'intégration séparée du script.
Nous vous décrivons ci-dessous deux manières d'intégrer l'optout dans votre site web. L'une entièrement manuelle et l'autre via le plugin Trackboxx (actuellement disponible pour WordPress).
Option 1 - intégration manuelle
Utilise le code suivant et adapte ici ton Tracking ID dans la première étape.
Tu peux les trouver en cliquant sur Paramètres (roue dentée) > Sites web dans le tableau de bord de Trackboxx. Après les sites web créés, tu trouveras le bouton "Tracking Code".
Code :
<label classe="tb-switch">
<entrée type="case à cocher" domaine de données="TB-XXXXXXXX" id="tbTrackingAllowed" (suivi autorisé) valeur="true"/>
<span classe="tb-slider tb-round"></span>
</label>
<span id="trackingStatus">Autoriser le suivi</span>
<script type="text/javascript">
fonction tbInitTrackingCheckBox(id) {
var checkBox = document.getElementById(id) ;
var statusText = document.getElementById('trackingStatus' (statut de suivi)) ;
checkBox.checked = trackboxxHelper.trackingEnabled() ;
statusText.textContent = checkBox.checked ? 'Les données de mes visiteurs sont intégrées dans l'analyse web'. : 'Les données de mes visiteurs ne sont pas prises en compte dans l'analyse web'.;
checkBox.onclick = fonction () {
this.checked ? trackboxxHelper.enableTracking() : trackboxxHelper.enableTracking('no) ;
statusText.textContent = this.checked ? 'Les données de mes visiteurs sont intégrées dans l'analyse web'. : 'Les données de mes visiteurs ne sont pas prises en compte dans l'analyse web'.;
};
}
document.addEventListener("tbScriptLoaded", fonction () {
tbInitTrackingCheckBox('tbTrackingAllowed' (suivi autorisé));
});
</script>Langage du code : HTML, XML (xml)Tu peux facilement intégrer cette section dans ta déclaration de confidentialité - de manière optimale comme extension de la déclaration de confidentialité de Trackboxx.
Pour que le "bouton toogle" soit correctement représenté graphiquement, utilise le CSS suivant :
.tb-switch {
position: relatif ;
affichage: inline-block ;
largeur: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.tb-switch entrée {
opacité: 0;
largeur: 0;
height: 0;
}
/* Le curseur */
.tb-slider {
position: absolu ;
curseur: pointeur ;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.tb-slider:before {
position: absolu ;
contenu: "";
height: 26px;
largeur: 26px;
left: 4px;
bottom: 4px;
background-color: white ;
-webkit-transition: .4s;
transition: .4s;
}
entrée:checked + .tb-slider {
background-color: #2196F3;
}
entrée:focus + .tb-slider {
box-shadow: 0 0 1px #2196F3;
}
entrée:checked + .tb-slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Curseurs arrondis */
.tb-slider.tb-round {
border-radius: 34px;
margin-right:5px;
}
.tb-slider.tb-round:before {
border-radius: 50%;
}Langage du code : CSS (css)Option 2 - Plugin WordPress
Si tu utilises le plugin WordPress Trackboxx, tu n'as pas besoin d'intégrer le CSS toi-même. Dans les paramètres du plugin Trackboxx, tu trouveras le code optout, tu le copieras et l'inséreras dans ta déclaration de confidentialité.
Comme nous l'avons dit, ces instructions devraient décrire à nouveau séparément l'intégration de l'opt-out. Dans la section de votre déclaration de confidentialité, celle-ci est déjà intégrée par défaut.
