Informacia
Treść

Jak zablokować kody i pliki cookie stron trzecich w przypadku braku zgody?

Automatyczne a ręczne blokowanie

ConsentManager oferuje podręcznik i automatyczne blokowanie kodów i plików cookie. Pomimo tego, że automatyczne blokowanie jest łatwiejsze do zainstalowania, ze względu na zgodność zalecamy korzystanie z blokowania ręcznego!

Oto porównanie dwóch metod blokowania:

Automatyczne blokowanie

  • Łatwa instalacja, tylko jeden kod w
  • Może powodować problemy ze zgodnością
  • Działa synchronicznie, prędkość strony jest wolniejsza
  • Może powodować problemy z normalnymi funkcjami strony (np. blokowanie niewłaściwych skryptów)

Możesz przeczytać więcej na temat Automatyczne blokowanie kodów i plików cookie tutaj.

Blokowanie ręczne

  • Trudniej zainstalować, wszystkie skrypty/elementy iframe muszą zostać dostosowane
  • Bardzo bezpieczny/zgodny jeśli jest poprawnie zainstalowany
  • Działa asynchronicznie, szybkość witryny nie ma wpływu
  • Mało prawdopodobne, aby powodować problemy z normalnymi funkcjami witryny (np. blokuje tylko skrypty, które wybierzesz do zablokowania)

Zalecamy korzystanie z ręcznego blokowania, aby uniknąć problemów ze zgodnością!

Ręczne blokowanie kodów i plików cookie

CMP może opóźnić ładowanie reklam w Twojej witrynie do czasu uzyskania zgody. Aby włączyć tę funkcję, musisz zmienić istniejące kody kreacji w swojej witrynie.

Należy pamiętać, że blokowanie/opóźnianie ładowania działa tylko z asynchronicznymi kodami skryptów i kodami iframe, a nie z synchronicznymi kodami skryptów.

Kody iframe

Jeśli chcesz odłożyć kod iframe, wykonaj następujące kroki:

  1. Zmienić src="…" atrybut elementu iframe do data-cmp-src="…"
  2. Dodaj nowy src="about:blank" atrybut do iframe
  3. Jeśli class="…" istnieje, dodaj cmplazyload do wartości. Jeśli klasa nie istnieje, dodaj atrybut zawierający wartość class="cmplazyload"
  4. Dodaj nowy atrybut data-cmp-vendor="x" i / lub data-cmp-purpose="x" w celu odpalenia kodu tylko po wyrażeniu zgody na tego sprzedawcę i cel. Zobacz informacje poniżej.

Przykładowy kod przed zmianą:

<iframe width="300" height="250" noresize="noresize" scrolling="no" 
        frameborder="0" marginheight="0" marginwidth="0"
        src="http://adserver.de/?x=1&y=2"
        ALLOWTRANSPARENCY="true"></iframe>

Przykładowy kod po zmianie:

<iframe width="300" height="250" noresize="noresize" scrolling="no"        
        frameborder="0" marginheight="0" marginwidth="0"        
        class="cmplazyload"        
        src="about:blank"     
        data-cmp-vendor="123"
        data-cmp-src="http://adserver.de/?x=1&y=2"        
        ALLOWTRANSPARENCY="true"></iframe>

asynchroniczne kody skryptów

Jeśli chcesz odłożyć ładowanie asynchronii. Kod skryptu, wykonaj następujące kroki:

  1. Jeśli src="..." istnieje, zmień src="…" atrybut skryptu do data-cmp-src="…"
  2. Jeśli type="..." istnieje, zmień jego wartość na text/plain, w przeciwnym razie dodaj atrybut z tą wartością type="text/plain".
  3. Jeśli class="…" istnieje, dodaj cmplazyload do wartości. Jeśli klasa nie istnieje, dodaj atrybut zawierający wartość class="cmplazyload"
  4. Dodaj nowy atrybut data-cmp-vendor="x" i / lub data-cmp-purpose="x" w celu odpalenia kodu tylko po wyrażeniu zgody na tego sprzedawcę i cel. Zobacz informacje poniżej.

Przykładowy kod 1 przed zmianą:

<script async
        type="text/javascript"
        src="https://adserver.de/banner.php"></script>

Przykładowy kod 1 po zmianie:

<script async 
        type="text/plain"
        data-cmp-src="https://adserver.de/banner.php"
        class="cmplazyload"
        data-cmp-vendor="123" 
        ></script>

Przykładowy kod 2 przed zmianą:

<script type="text/javascript">
  console.log("do something here");
</script>

Przykładowy kod 2 po zmianie:

<script type="text/plain" class="cmplazyload" data-cmp-vendor="123">
  console.log("do something here");
</script>

Blokowanie innych elementów strony

Opisany powyżej mechanizm blokowania może być używany w zasadzie ze wszystkimi elementami HTML, które ładują dane stron trzecich:

  • obraz
  • wideo
  • źródło
  • przedmiot
  • osadzać
  • link (Uwaga: użyj data-cmp-href zamiast data-cmp-src)

Dodatkowe atrybuty

Następujące dodatkowe atrybuty można dodać do kodów skryptu/iframe w celu dalszego dostosowania dostarczania do określonych wyników zgody:

atrybut

Opis

data-cmp-hide="1"

jeśli jest obecny, CMP ukryje iframe, jeśli zgoda nie zostanie wyrażona, i odkryje iframe, jeśli zgoda zostanie wyrażona

data-cmp-vendor="xxx"

CMP aktywuje ten skrypt/iframe tylko za zgodą dostawcy xxx jest podawany. Wielu dostawców można połączyć za pomocą przecinka, np. data-cmp-vendor="xxx,yyy,zzz"

Może również zawierać wartość * w celu zasygnalizowania, że ​​wszyscy dostawcy aplikują.

data-cmp-purpose="xxx"

CMP aktywuje ten skrypt/iframe tylko wtedy, gdy wyrazisz na to zgodę xxx jest podawany. Wiele celów można połączyć za pomocą przecinka, np. data-cmp-purpose="xxx,yyy,zzz"

Może również zawierać wartość * aby zasygnalizować, że wszystkie cele mają zastosowanie.

data-cmp-preview="WxH"

CMP wyświetli podgląd (zobacz dynamiczne blokowanie treści) w tej pozycji. WxH należy zastąpić szerokością i wysokością (np. 300x400) warstwy podglądu.

data-cmp-preview-connect="xxx"

Nakazuje CMP odblokować wszystkie inne elementy z klasą xxx gdy ten element zostanie odblokowany.

data-cmp-preview-headline="..."

Umożliwia dostosowanie tekstu nagłówka podglądu.

data-cmp-preview-text="..."

Pozwala dostosować tekst podglądu.

data-cmp-preview-btn="..."

Pozwala dostosować tekst przycisku podglądu.

data-cmp-preview-checkbox="..."

Pozwala dostosować tekst pola wyboru podglądu. Jeśli jest ustawiony na pusty ciąg, pole wyboru nie będzie wyświetlane.

data-cmp-preview-image="https://..."

Umożliwia dostosowanie obrazu podglądu.

data-cmp-preview-bgcolor="#000"

 

Pozwala dostosować kolor tła podglądu (domyślnie = czarny)

data-cmp-preview-mode="0 / 1"

Ustawia tryb podglądu:

 - 0 (domyślnie): Podgląd jest wyświetlany tylko wtedy, gdy nie udzielono zgody dla tego dostawcy

 - 1: Podgląd jest zawsze pokazywany (nawet jeśli sprzedawca ma zgodę)

data-cmp-ab="1"

CMP nie będzie używać automatyczne blokowanie z tym elementem.

data-cmp-ab="2"

CMP nie użyje automatycznego blokowania z tym elementem i wszystkimi elementami, które są tworzone przez ten element.

data-cmp-block="X"

Blokuje element w zależności od wartości x:

- contentpass: Blokuje element, jeśli użytkownik zalogował się przez contentpass

- purmodel: Blokuje element, jeśli użytkownik zalogował się za pomocą niestandardowego modelu

- textblocking: blokuje element, jeśli użytkownik nie zaakceptował dostawcy(ów) lub celu(ów)

Uwaga: Jeśli data-cmp-vendor="..." i data-cmp-purpose="..." nie są obecne, system sprawdzi, czy przynajmniej 1 cel został zaakceptowany. W takim przypadku kod zostanie aktywowany.

Możesz znaleźć identyfikatory wszystkich celów w menu Cele:

W menu znajdziesz identyfikatory wszystkich dostawców Dostawcy/biała lista:

 

Powrót do góry