Integracja rezygnacji

Ze względu na sposób, w jaki działa Trackboxx, nie jest konieczne wyrażenie zgody.

Niemniej jednak chcielibyśmy dać naszym klientom możliwość zaoferowania funkcji rezygnacji.

Krótkie wyjaśnienie - co oznacza opt-out w naszym przypadku?

Możesz użyć funkcji rezygnacji, aby wyświetlić „przełącznik/przycisk“ za pomocą małego skryptu.

Jest ona domyślnie włączona. Jeśli jednak zostanie ona wyłączona przez odwiedzającego witrynę, jego wizyty nie będą już śledzone.

Klient może zatem sprzeciwić się śledzeniu na odpowiedniej stronie internetowej.

Po integracji przycisk wygląda następująco:

Integracja rezygnacji

Zasadniczo, odpowiedni skrypt do rezygnacji jest już w szablonie polityki prywatności Trackboxx. Można go znaleźć TUTAJ.

Niemniej jednak przedstawiono tutaj przegląd oddzielnej integracji skryptu.

Poniżej opisujemy 2 sposoby zintegrowania rezygnacji z witryny. Jeden z nich jest całkowicie ręczny, a drugi za pomocą wtyczki Trackboxx (obecnie dostępnej dla WordPress).

Opcja 1 - integracja ręczna

Użyj poniższego kodu i dostosuj swój identyfikator śledzenia w pierwszym kroku.

Można je znaleźć, klikając Ustawienia (koło zębate) > Strony internetowe na pulpicie nawigacyjnym Trackboxx. Przycisk „Kod śledzenia“ znajduje się za utworzonymi stronami internetowymi.

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)

Możesz po prostu dodać tę sekcję do swojej polityki prywatności - najlepiej jako rozszerzenie polityki prywatności Trackboxx.

Użyj następującego CSS, aby przycisk „toogle“ był wyświetlany poprawnie graficznie:

.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 WordPress, nie musisz samodzielnie integrować CSS. W ustawieniach wtyczki Trackboxx znajdziesz kod rezygnacji, skopiuj go i wklej odpowiednio do swojej polityki prywatności.

Jak już wspomniałem, te instrukcje powinny opisywać integrację rezygnacji osobno. Jest ona już domyślnie zintegrowana w sekcji dotyczącej polityki prywatności.