Ajouter une option d’opt-out

Trackboxx fonctionne sans qu’un opt-in soit nécessaire.

Nous souhaitons tout de même permettre à nos clients de proposer une option d’opt-out à leurs visiteurs.

Que signifie l’opt-out dans ce cas ?

Un petit script te permet d’afficher un interrupteur ou un bouton d’opt-out.

L’interrupteur est activé par défaut. Si un visiteur le désactive, ses visites ne seront plus suivies.

Les visiteurs peuvent ainsi refuser le suivi sur le site concerné.

Une fois intégré, le bouton ressemble à ceci :

Ajouter l’option d’opt-out

Le script d’opt-out est déjà inclus dans notre modèle de politique de confidentialité Trackboxx. Tu le trouveras ICI.

La section suivante t’explique comment intégrer le script séparément.

Tu peux ajouter l’opt-out à ton site de deux façons : manuellement ou avec le plugin Trackboxx, actuellement disponible pour WordPress.

Option 1 – Intégration manuelle

Copie le code suivant et remplace d’abord l’identifiant de suivi par le tien.

Tu trouveras ton identifiant dans le tableau de bord Trackboxx sous Paramètres (roue dentée) > Sites web. Clique sur « Code de suivi » à côté du site concerné.

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)

Ajoute simplement cette section à ta politique de confidentialité, idéalement avec le texte de confidentialité Trackboxx.

Utilise le CSS suivant pour afficher correctement le bouton d’opt-out :

.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’ajouter le CSS manuellement. Copie le code d’opt-out dans les paramètres du plugin et colle-le dans ta politique de confidentialité.

Ce guide décrit l’intégration séparée. L’opt-out est déjà inclus par défaut dans notre modèle de politique de confidentialité.