Dodawanie opcji rezygnacji ze śledzenia

Trackboxx działa bez konieczności uzyskania wcześniejszej zgody użytkowników.

Mimo to chcemy umożliwić naszym klientom zaoferowanie odwiedzającym opcji rezygnacji ze śledzenia.

Co oznacza rezygnacja ze śledzenia w tym przypadku?

Krótki skrypt pozwala wyświetlić przełącznik lub przycisk rezygnacji ze śledzenia.

Przełącznik jest domyślnie włączony. Jeśli odwiedzający go wyłączy, jego wizyty nie będą już śledzone.

W ten sposób odwiedzający mogą zrezygnować ze śledzenia w witrynie.

Po dodaniu przycisk wygląda tak:

Dodawanie opcji rezygnacji

Skrypt rezygnacji jest już zawarty w naszym szablonie polityki prywatności Trackboxx. Znajdziesz go TUTAJ.

W następnej sekcji wyjaśniamy, jak dodać skrypt osobno.

Opcję rezygnacji możesz dodać do witryny na dwa sposoby: ręcznie lub za pomocą wtyczki Trackboxx, dostępnej obecnie dla WordPressa.

Opcja 1 – Integracja ręczna

Skopiuj poniższy kod i zastąp identyfikator śledzenia własnym.

Identyfikator znajdziesz w panelu Trackboxx w sekcji Ustawienia (koło zębate) > Witryny. Kliknij „Kod śledzenia” obok właściwej witryny.

Kod:

<etykieta klasa="tb-switch">
<wkład typ="checkbox" domena danych="TB-XXXXXXXXXX" id="tbTrackingAllowed" wartość="true"/>
<rozpiętość klasa="tb-slider tb-round"></rozpiętość>
</etykieta>
<rozpiętość id="trackingStatus">Zezwalaj na śledzenie</rozpiętość>
<scenariusz typ="text/javascript">
funkcja tbInitTrackingCheckBox(id) {
var checkBox = dokument.getElementById(id);
var statusText = dokument.getElementById('trackingStatus');
checkBox.checked = trackboxxHelper.trackingEnabled();
statusText.textContent = checkBox.checked ? 'Moje dane o odwiedzających trafiają do analizy internetowej'.' : 'Moje dane odwiedzających nie są uwzględniane w analizie sieci'.';
checkBox.onclick = funkcja () {
to.checked ? trackboxxHelper.enableTracking() : trackboxxHelper.enableTracking('nie');
statusText.textContent = to.sprawdzone? 'Moje dane o odwiedzających trafiają do analizy internetowej'.' : 'Moje dane odwiedzających nie są uwzględniane w analizie sieci'.';
};
}
dokument.addEventListener("tbScriptLoaded", funkcja () {
tbInitTrackingCheckBox('tbTrackingAllowed');
});
</scenariusz>Język kodu: HTML, XML (xml)

Dodaj tę sekcję do swojej polityki prywatności, najlepiej obok tekstu dotyczącego prywatności Trackboxx.

Użyj poniższego kodu CSS, aby prawidłowo wyświetlić przycisk rezygnacji:

.tb-switch {
pozycjawzględny;
wyświetlaczinline-block;
szerokość: 60px;
wysokość: 34px;
}

/* Ukryj domyślne pole wyboru HTML */
.tb-switch wkład {
nieprzezroczystość: 0;
szerokość: 0;
wysokość: 0;
}

/* Suwak */
.tb-slider {
pozycjaabsolutny;
kursorwskaźnik;
top: 0;
lewy: 0;
prawo: 0;
dno: 0;
kolor tła: #ccc;
-webkit-transition: .4s;
przejście: .4s;
}

.tb-sliderprzed {
pozycjaabsolutny;
zawartość: "";
wysokość: 26px;
szerokość: 26px;
lewy: 4px;
dno: 4px;
kolor tłabiały;
-webkit-transition: .4s;
przejście: .4s;
}

wkładsprawdzone + .tb-slider {
kolor tła: #2196F3;
}

wkład:focus + .tb-slider {
box-shadow: 0 0 1px #2196F3;
}

wkładsprawdzone + .tb-sliderprzed {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
przekształcenie: translateX(26px);
}

/* Zaokrąglone suwaki */
.tb-slider.tb-round {
border-radius: 34px;
margines-prawo:5px;
}

.tb-slider.tb-roundprzed {
border-radius: 50%;
}Język kodu: CSS (css)

Opcja 2 – Wtyczka WordPress

Jeśli korzystasz z wtyczki Trackboxx dla WordPressa, nie musisz dodawać CSS ręcznie. Skopiuj kod rezygnacji z ustawień wtyczki i wklej go do swojej polityki prywatności.

Ten poradnik opisuje osobną integrację. Opcja rezygnacji jest już domyślnie zawarta w naszym szablonie polityki prywatności.