Artykuł ten ma na celu szczegółowe przedstawienie procesu wdrożenia Consent Mode V2 przy użyciu narzędzia Cookiebot na platformie WordPress. Aby uprościć proces będziemy używać wtyczki i skorzystamy z trybu automatycznego blokowania plików cookie.
Consent Mode V2 to zaawansowane rozwiązanie pozwalające na efektywne zarządzanie zgodami użytkowników na cookies i śledzenie w sieci, co jest kluczowe dla przestrzegania przepisów takich jak GDPR (RODO) oraz innych regulacji dotyczących prywatności online. Pomimo że proces może wydawać się złożony, dzięki narzędziu Cookiebot, możliwe jest uproszczenie i automatyzacja wielu kroków.
Jeśli twoja strona nie jest oparta na WordPress zajrzyj do poradnika „Consent Mode V2 z GTM i Cookiebot„.
Instalacja wtyczki Cookiebot CMP na WordPressie
Sposób zadziała pod warunkiem, że Twoja strona opiera się na WordPressie.
- Pobierz wtyczkę Cookiebot CMP dla WordPressa. Możesz to zrobić np. logując się do panelu administracyjnego Worpressa i przechodząc do sekcji Wtyczki -> Dodaj wtyczkę i wyszukując Cookiebot CMP.
- Zainstaluj wtyczkę. W panelu administratora WordPress kliknij teraz Zainstaluj, a następnie aktywuj wtyczkę.
- Utwórz konto. Zarejestruj się na stronie Cookiebot, wybierając odpowiedni plan, w zależności od rozmiaru twojej strony i potrzeb.
- Dodaj swoją domenę do Cookiebot. W ustawieniach konta przejdź do „Settings” → „Domains” i dodaj nazwy swoich domen, pamiętając o pominięciu „http://” oraz „https://”.
- Skonfiguruj baner cookie. Zdecyduj, jak ma wyglądać twój baner i co powinien zawierać. Skorzystaj z przewodników Cookiebot, aby dostosować styl, treść i języki banera.
- Znajdź ID grupy domen (CBID). W ustawieniach konta Cookiebot przejdź do „Ustawienia” i wybierz grupę domen, dla której chcesz znaleźć ID.
- Skonfiguruj wtyczkę Cookiebot CMP w WordPress. W środowisku WordPress przejdź do „Settings” → „Cookiebot” i wprowadź znalezione ID grupy domen.
- Dodatkowe ustawienia: Ustaw Tryb blokowania plików cookie na automatyczny (blokuje on wszystkie pliki cookie poza niezbędnymi do czasu wyrażenia przez użytkownika zgody). W części „Ustawienia dodatkowe” możesz wybrać „Znacznik skryptu deklaracji dotyczącej plików cookie” w celu optymalizacji szybkości wczytywania się strony. Jeśli korzystasz z GTM to możesz wprowadzić jego identyfikator w sekcji „Menedżer tagów Google”. Włączenie go i dodanie id kontenera GTM spowoduje, że zostanie on umieszczony w sekcji head strony, więc jeśli kod był już dodany ręcznie to będzie on zduplikowany. Włącz Tryb uzyskiwania zgody Google w kolejnej zakładce.
- Opcjonalne wtyczki: Jeśli Cookiebot wykryje w serwisie np. filmy Youtube lub Mapy Google (w zależności od limitu skanowanych stron w wybranym pakiecie) przy takich ustawieniach zostaną one zablokowane. Zamiast filmu dostaniemy białą przestrzeń bez dodatkowej informacji. Teoretycznie „Embed autocorrect” ma możliwość dodania informacji z prośbą o akceptację zgód tak, żeby użytkownik wiedział, że w tym miejscu jest osadzony film i mógł zmienić swoje ustawienia. Niestety u mnie to rozwiązanie nie zadziałało, dlatego musiałem ręcznie w sekcji footer strony dodać dodatkowy kod, który umieszczam bezpośrednio pod listą.
- Uruchom skanowanie strony: Możesz teraz w panelu Cookiebota uruchomić skanowanie strony w poszukiwaniu ciasteczek (może ono potrwać do 24 godzin) lub ustaw jego częstotliwość (w bezpłatnym planie dostępna jest tylko opcja co miesiąc).
- Zamieść informacje: Na wybranych podstronach dodaj informację o przetwarzanych ciasteczka i zamieść linka do zmiany ustawień dotyczących zgód. Odpowiedni kod do wyświetlenia informacji o poszczególnych ciasteczkach znajdziesz po zalogowaniu się do panelu Cookiebot w sekcji „Your scripts” w części „Declaration script”, natomiast kod do zmiany (cofnięcia lub zaakceptowania poszczególnych kategorii zgód) zamieszczam pod listą.
- Monitoruj skany i raporty: Cookiebot automatycznie skanuje twoją stronę, aby zidentyfikować i sklasyfikować cookies. Sprawdzaj regularnie raporty skanowania i klasyfikuj wszelkie nieznane cookies.
- Przetestuj: Po zakończeniu skanowania, dokładnie przetestuj konfigurację Consent Mode. Wstępnie możesz to zrobić nawet wcześniej. Upewnij się, że wszystkie elementy są prawidłowo wyświetlane i że zgodność z przepisami o ochronie danych jest w pełni zapewniona.
Kod do wyświetlania tekstu zastępczego dla filmów i map:
<script type="text/javascript">((d,i,m)=>{ct=t=>d.createTextNode(t);ce=e=>d.createElement(e);d.querySelectorAll(i).forEach(e=>{const a=ce('a'),div=ce('div'),p=ce('p'),s=e.dataset.cookieblockSrc,sp=/google\.com\/maps\/embed/.test(s)?'mapy Google Maps':/player\.vimeo\.com\/video\//.test(s)?'film Vimeo':/youtube\.com\/embed\//.test(s)?' film YouTube':undefined;if(!sp)return; div.innerHTML=`<div style="background-color:#CCC;display:inline-block;height:${e.height}px;position:relative;width:${e.width}px;">`+'<div style="background-color:#848484;border-radius:15px;height:50%;position:absolute;transform:translate(50%,50%);width:50%;"><p style="color:#FFF;font-size:7.5em;position:relative;top:50%;left:50%;margin:0;text-align:center;transform:translate(-50%,-50%);">⋯</p></div>';div.classList.add(`cookieconsent-optout-${m}`);a.textContent=`zaakceptować ciasteczka z kategorii ${m}`;a.href='javascript:Cookiebot.renew()';p.append(ct('Musisz '), a, ct(`, aby zobaczyć ${sp}.`));div.append(p);e.parentNode.insertBefore(div, e);})})(document, 'iframe[data-cookieblock-src]', 'marketing')</script>Kod do umożliwienia zmiany zgód przez użytkownika:
<a href="javascript: Cookiebot.renew()">Zmień wyrażone zgody</a>Podsumowanie
Implementacja Consent Mode V2 z wykorzystaniem Cookiebot na platformie WordPress może wydawać się złożonym zadaniem, które wymaga szczegółowego planowania i testowania. Proces ten, choć techniczny, jest kluczowy dla zapewnienia zgodności strony internetowej z aktualnymi przepisami o ochronie danych.
Warto rozważyć skorzystanie z pomocy doświadczonego analityka czy specjalisty ds. zgodności, który pomoże w prawidłowym wdrożeniu i dostosowaniu ustawień. Konsekwencje braku Consent Mode V2 mogą być wielowymiarowe, obejmujące aspekty prawne (kary finansowe, naruszenie RODO), biznesowe (utrata efektywności kampanii reklamowych, ograniczenia w analizie danych), a także reputacyjne (spadek zaufania użytkowników, ryzyko negatywnego postrzegania marki).
