Pierwsze kroki - Zgoda na pliki cookie

Wprowadzenie do funkcji wyrażenia zgody na pliki cookie w TermsFeed

Czym jest TermsFeed Cookie Consent?

TermsFeed Free Cookie Consent (najnowsza wersja 4.2) to bezpłatne, oparte na JavaScript rozwiązanie do zarządzania plikami cookie typu open source, które pomaga stronom internetowym zachować zgodność z dyrektywą UE w sprawie plików cookie, RODO oraz dyrektywą o prywatności i łączności elektronicznej.

TermsFeed Free Cookie Consent zapewnia konfigurowalny baner informacyjny oraz centrum preferencji, które pozwala użytkownikom kontrolować, które pliki cookie i skrypty działają na Twojej stronie internetowej.

Najważniejsze cechy zgody na pliki cookie TermsFeed

W 100% bezpłatne. Bez ukrytych kosztów i planów premium.
Zgodność z RODO i dyrektywą o prywatności i łączności elektronicznej. Stworzone z myślą o spełnieniu unijnych wymogów dotyczących prywatności.
Obsługa trybu zgody Google V2. Płynna integracja z wymogami Google dotyczącymi zgody.
Tryb zgody Microsoft UET. Zgodność ze standardami zgody Microsoft Advertising.
Blokowanie skryptów. Zapobiega ładowaniu skryptów do momentu wyrażenia zgody.
Konfigurowalny wygląd. Wybieraj spośród wielu typów banerów i palet kolorów; można zastosować dodatkowy niestandardowy kod CSS.
Obsługa wielu języków. Dostępne w wielu językach.
Dostępne wywołania zwrotne. Rozbudowany interfejs API do niestandardowych integracji.

Kto potrzebuje rozwiązania do uzyskiwania zgody na pliki cookie

Potrzebujesz rozwiązania do uzyskiwania zgody na pliki cookie, jeśli:

Korzystasz z Google Analytics lub podobnych narzędzi analitycznych lub śledzących
Masz wbudowane widżety mediów społecznościowych
Korzystasz z pikseli reklamowych (Facebook, LinkedIn itp.)
Twoja strona internetowa przechowuje lub pobiera pliki cookie inne niż te absolutnie niezbędne (np. do logowania, uwierzytelniania)
Odwiedzają Cię użytkownicy z regionu UE/EOG

Jak to działa

Wyświetlanie banera: Gdy użytkownicy po raz pierwszy odwiedzają Twoją stronę, widzą baner z prośbą o zgodę na pliki cookie.
Wybór użytkownika: Użytkownicy mogą zaakceptować wszystkie, odrzucić wszystkie lub dostosować swoje preferencje.
Zarządzanie skryptami: W oparciu o zgodę użytkownika, oznaczone skrypty są ładowane lub blokowane.
Zapisywanie preferencji: Preferencje użytkownika są zapisywane w pliku cookie na potrzeby przyszłych wizyt.
Centrum preferencji: Użytkownicy mogą zmienić swoje preferencje w dowolnym momencie.

Rodzaje zgody

TermsFeed Cookie Consent obsługuje 2 tryby zgody:

Zgoda dorozumiana

Wszystkie skrypty ładują się natychmiast po załadowaniu strony.
Dalsze przeglądanie strony oznacza wyrażenie zgody.
Mniej zgodne z RODO.
Używaj tylko dla odbiorców spoza UE.

TermsFeed Cookie Consent banner - implied consent example

Wyraźna zgoda (zalecane)

Skrypty są blokowane, dopóki użytkownicy nie wyrażą wyraźnej zgody.
Domyślnie ładowane są tylko skrypty „niezbędne”.
Podejście zgodne z RODO.
Wymaga aktywnej zgody użytkownika.

TermsFeed Cookie Consent banner - express consent example

Kategorie plików cookie

Skrypty są podzielone na 4 kategorie:

Niezbędne. Niezbędne do działania strony (zawsze dozwolone).
Funkcjonalne. Poprawiają komfort użytkowania (np. preferencje językowe).
Śledzenie. Analityka i pomiar wydajności (np. Google Analytics).
Targetowanie. Marketing i reklama (np. Facebook Pixel).

Przewodnik szybkiego startu

W 5 prostych krokach uruchom TermsFeed Cookie Consent na swojej stronie internetowej.

Krok 1: Załaduj TermsFeed Cookie Consent

Dodaj plik JavaScript zgody na pliki cookie do swojej witryny.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Krok 2: Dodaj kod konfiguracyjny

Dodaj skrypt konfiguracyjny bezpośrednio po skrypcie zgody na pliki cookie:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Krok 3: Dodaj wiersz z informacją o autorstwie (wymagane)

Dodaj tag z informacją o autorach w tagu noscript (wymagane przez naszą licencję):

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Krok 4: Dodaj przycisk „Zmień swoje preferencje”

Utwórz przycisk lub link, który użytkownicy mogą kliknąć, aby zmienić swoje preferencje:

<button id="changePreferences">Change Cookie Preferences</button>

Identyfikator musi być zgodny z open_preferences_center_selector w Twojej konfiguracji.

Krok 5: Oznacz skrypty zewnętrznych dostawców

Zmodyfikuj istniejące skrypty, aby uwzględniały zgodę użytkownika poprzez:

Zmianę type="text/javascript" na type="text/plain"
Dodanie atrybutu data-cookie-consent="CATEGORY"

Przykład: Google Analytics

Przed:

<script type="text/javascript">
  // Google Analytics code
</script>

Po:

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Pełny przykład

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Testowanie wdrożenia

Wyczyść pliki cookie przeglądarki dla tej witryny.
Odśwież stronę. Powinieneś zobaczyć baner zgody.
Sprawdź konsolę programisty w przeglądarce pod kątem ewentualnych błędów.
Przetestuj funkcję blokowania skryptów:
1. Przed wyrażeniem zgody: skrypty oznaczone tagiem NIE powinny się ładować
2. Po zaakceptowaniu: skrypty oznaczone tagiem powinny się ładować
Przetestuj przycisk „Zmień preferencje”: Kliknij przycisk, aby sprawdzić, czy otwiera on Centrum preferencji.

Typowe błędy podczas wdrażania zgody na pliki cookie w TermsFeed

Zapomnienie o zmianie typu skryptu na text/plain
Brak atrybutu data-cookie-consent
Brak dodania page_load_consent_levels przy użyciu wyłącznie opcji „niezbędne”
ID przycisku nie pasuje do open_preferences_center_selector
Usunięcie wymaganego tagu noscript z informacji o autorstwie