Jak dodać baner cookies z wtyczką CookieYes - Edyta Subik

Jak dodać baner cookies z wtyczką CookieYes

Możliwe, że słyszał_ś już o nowym wymogu dotyczącym cookies – Consent Mode v2 (Tryb Zgody v2), który Google wymaga od stron internetowych od marca 2024 r. Zebrałam dla Ciebie kilka najważniejszych informacji na ten temat oraz przygotowałam instrukcję, jak dodać baner cookies z wtyczką CookieYes, która umożliwia spełnienie wymogu trybu zgodności Google.

Jak dodać baner cookies na stronie www

Jak powinien wyglądać baner cookies na stronie

Po wejściu na stronę powinien pojawić się baner informujący o użyciu plików cookies. Przed jakąkolwiek akcją użytkownika, wszystkie cookies (oprócz niezbędnych) powinny być zablokowane. Dopiero kiedy użytkownik kliknie na banerze w przycisk akceptacji, mogą zostać załadowane pozostałe pliki cookies.

Czyli jeśli na stronie używamy plików cookies inne niż niezbędne, oprócz przycisku „Akceptuj” powinien pojawić się przycisk „Odrzuć”, który odrzuca wszyskie cookies (oprócz niezbęnych) oraz przycisk „Ustawienia cookies”, pod którym możemy wybrać, jakie cookies chcemy zaakceptować.

To dotyczy wszystkich stron, które używają plików cookies innych niż niezbędne.

Jak działa Google Consent Mode v2

Kiedy ktoś kliknie na banerze przycisk akceptacji (np. „Akceptuję wszystkie”), wtedy strona załadowuje wszystkie pliki cookies i wysyła informacje do tagów Google.

Jeśli ktoś odrzuci pliki cookies, pozostaną one zablokowane i strona nie wyśle żadnych infromacji do usług Google.

Jeśli używamy Google Consent Mode v2, a użytkownik odrzuci cookies (nie wyrazi zgody) to pliki cookies nie zostaną zapisane po stronie użytkownika, ale specjalne tagi wysyłają do narzędzi Google anonimowe, okrojone informacje (np. ilość odsłon). Braki danych mogą zostać wypełnione dzięki modelowaniu konwersji. Tych danych nie wykorzystamy np. do remarketingu, bo nie jesteśmy w stanie określić dokładnie użytkownika, ale otrzymamy przynajmniej minimum danych dzięki modelowaniu.

Kto korzysta z Google Consent Mode v2

Jeśli masz na swojej stronie podpięte narzędzia google (np. Google Analytics), to najprawdopodobniej będziesz korzystać z trybu zgody. Jest on szczególnie ważny dla reklamodawców, którzy po uzyskaniu zgody od użytkownika, mogą zintegrować ją z usługami reklamowymi Google, umożliwiając szczegółowe raportowanie na temat skuteczności kampanii i śledzenia konwersji.

Jak dodać baner cookies w WordPressie

Aby poprawnie wdrożyć baner cookies na stronie możesz skorzystać z specjalnych wtyczek. Opiszę tutaj proces dodawania banera za pomocą wtyczki CookiesYes, która jest jedną z rekomendowanych do integracji z Google Consent Mode v2. Jednak nawet jeśli nie korzystasz z Google Consent Mode v2 warto dodać tę wtyczkę do swojego WordPressa, tak aby baner cookies był ustawiony prawidłowo.

Zakładanie konta CookieYes

Na początek załóż konto na stronie cookieyes:

  • darmowe – cookieyes.com – dla stron, które mają poniżej 25 000 wyświetleń na miesiąc,
  • płatne – cookieyes.com [link afiliacyjny] – dla stron, które mają powyżej 25 000 wyświetleń na miesiąc.
Zakładanie konta CookieYes

Podaj swoje dane, a następnie zweryfikuj swój adres email.

W kolejnym kroku ustaw baner cookies – wybierz jego wygląd (więcej opcji znajdziesz później, w panelu, na razie wybierz ogólny styl). U góry po prawej wybierz język swojej strony.

Dodawanie banera cookies z CookieYes

Umieszczanie kodu baneru

Jak dodać kod baneru cookies na stronie

Wyskoczy kod, który musisz umieścić na stronie. Mamy kilka opcji:

Opcja dla zaawansownaych – umieść kod w kodzie strony pod znaczniku <head>.

Opcja prostsza – dodanie kodu bez grzebania w kodzie strony, za pomocą prostej wtyczki.

W WordPressie wchodzimy z menu głównego w Wtyczki > Dodaj nową w wyszukiwarce wpisujemy „Head” i wybieramy wtyczkę Head & Footer Code – ta wtyczka pozwala na dodawanie kodu do strony, bez potrzeby faktycznego wchodzenia w jej kod. Zainstaluj ją i włącz.

Dodawanie kodu śledzenia za pomocą wtyczki

Przejdź do ustawień wtyczki – wybierz w menu głównym Narzędzia > Head & Footer Code.

W ustawieniach interesuje nas pole HEAD Code (pod nim znajdziesz informacje, że kod pojawi się przed zamykającym znacznikiem </head>, czyli tam, gdzie ma znaleźć się nasz kod banera). W pole tekstowe wklej kod banera i kliknij przycisk „Zapisz zmiany” na samym dole.

Opcja z wtyczką dedykowaną – w menu Wtyczki wyszukaj wtyczkę CookieYes i zainstaluj ją.

Wtyczka CookieYes do banera cookies na stronie

Następnie połącz swoje konto.

Konto CookieYes wtyczka do banera cookies

Dokładną instrukcję znajdziesz tutaj: https://www.cookieyes.com/documentation/install-cookieyes-wordpress-plugin/

Skan strony

Po dodaniu banera przejdź do pulpitu konta cookieyes. Okienko informujące o obecności banera powinno świecić się na zielono.

Dodawanie banera cookies z CookieYes

Przejdź do zakładki Cookie Manager i włącz skan strony za pomocą przycisku „Scan now”. CookieYes przeskanuje Twoją stronę w poszukiwaniu plików cookies. Po jakimś czasie dostaniesz maila, że strona została przeskanowana. Teraz w Twoim panelu pojawi się lista plików cookies, których używasz na stronie.

Skanowanie strony w poszukiwaniu plików cookies

Jak włączyć Google Consent Mode v2 w CookieYes

Przejdź do zakładki Advanced Settings i na samym dole włącz opcję „Support GCM” i gotowe…

Jak włączyć Google Consent Mode v2 w CookieYes

No prawie, bo jeśli chcesz w pełni zintegorwać tryb uzyskiwania zgody w wersji 2 z CookieYes np. za pomocą Google Tag Manager musisz wykonać jeszcze kilka kroków przedstawionych w tej instrukcji – https://www.cookieyes.com/documentation/implementing-google-consent-mode-using-cookieyes/#enable-consent-mode-v2-cookieyes. Jeśli korzystasz z pomocy agencji marketingowej, oni na pewno pomogą Ci z tym zadaniem (i polecam takie rozwiązanie, bo proces ten jest moim zdaniem skomplikowany).

Bez tej integracji też wszystko będzie działać, będziesz spełniać wszystkie warunki, ale statystyki mogą być zaniżone, przez niezbieranie odrzuconych cookies i tym samym niewysyłanie danych do usług google.

Ustawienia CookieYes

Po dodaniu banera oraz przeskanowaniu strony możesz jeszcze pogrzebać trochę w ustawieniach – zmienić kolory na banerze, poprawić opisy czy tytuły (niektóre tłumaczenia polskie są trochę koślawo zrrobione :)). Wszystko to zrobisz w panelu CookieYes lub we wtyczce, jeśli ją zainstalował_ś.

Pamiętaj, że aby baner cookies działał prawidłowo, musi on blokować pliki cookies (oprócz niezbędnych) przed akceptacją, a użytkownik musi mieć możliwość odrzucenia wszystkich lub niektórych plików cookies. Dzięki CookieYes ma taką możliwość. 🙂

Dodaj komentarz

Skontaktuj się ze mną korzystając z poniższego formularza.
Odpowiem najszybciej jak potrafię. 🙂

Jeśli preferujesz kontakt telefoniczny, wpisz proszę swój numer
w poniższym formularzu kontaktowym – oddzwonię. 🙂




    Wybierz pakiet:

    Odpowiedz na pytanie:

    Skontaktuj się ze mną korzystając z poniższego formularza.
    Odpowiem najszybciej jak potrafię. 🙂

    Jeśli preferujesz kontakt telefoniczny, wpisz proszę swój numer
    w poniższym formularzu kontaktowym – oddzwonię. 🙂




      Wybierz pakiet:

      Odpowiedz na pytanie:

      Skontaktuj się ze mną korzystając z poniższego formularza.
      Odpowiem najszybciej jak potrafię. 🙂

      Jeśli preferujesz kontakt telefoniczny, wpisz proszę swój numer
      w poniższym formularzu kontaktowym – oddzwonię. 🙂




        Odpowiedz na pytanie:

        Skontaktuj się ze mną korzystając z poniższego formularza.
        Odpowiem najszybciej jak potrafię. 🙂

        Możesz też skorzystać z formularza szybkiej wyceny,
        aby dowiedzieć się ile będzie kosztować Twoja strona.

        Jeśli preferujesz kontakt telefoniczny, wpisz proszę swój numer
        w poniższym formularzu kontaktowym – oddzwonię. 🙂



          Odpowiedz na pytanie: