Úvod do souhlasu s používáním souborů cookie v TermsFeed
Co je TermsFeed Cookie Consent?
TermsFeed Free Cookie Consent (nejnovější verze 4.2) je bezplatné řešení pro správu souborů cookie založené na JavaScriptu, které pomáhá webovým stránkám dodržovat směrnici EU o souborech cookie, GDPR a směrnici o soukromí a elektronických komunikacích.
TermsFeed Free Cookie Consent poskytuje přizpůsobitelný informační banner a centrum předvoleb, které uživatelům umožňuje kontrolovat, které soubory cookie a skripty se na vašem webu spouštějí.
Klíčové vlastnosti TermsFeed Cookie Consent
- 100% zdarma. Žádné skryté náklady ani prémiové úrovně.
- V souladu s GDPR a směrnicí o soukromí v elektronických komunikacích. Vytvořeno tak, aby splňovalo požadavky EU na ochranu soukromí.
- Podpora režimu souhlasu Google V2. Hladká integrace s požadavky Google na souhlas.
- Režim souhlasu Microsoft UET. Kompatibilní se standardy souhlasu Microsoft Advertising.
- Blokování skriptů. Zabraňuje načítání skriptů, dokud není udělen souhlas.
- Přizpůsobitelný design. Vyberte si z několika typů bannerů a barevných palet; lze použít i vlastní CSS.
- Podpora více jazyků. K dispozici v několika jazycích.
- K dispozici jsou zpětná volání. Rozsáhlé API pro vlastní integrace.
Kdo potřebuje řešení pro souhlas s cookies
Řešení pro souhlas s cookies potřebujete, pokud:
- Používáte Google Analytics nebo podobné analytické či sledovací nástroje
- Máte vložené widgety sociálních médií
- Používáte reklamní pixely (Facebook, LinkedIn atd.)
- Váš web ukládá nebo načítá soubory cookie nad rámec těch nezbytně nutných (tj. přihlášení, autorizace)
- Máte návštěvníky z regionu EU/EHP
Jak to funguje
- Zobrazení banneru: Když uživatelé poprvé navštíví váš web, uvidí banner s žádostí o souhlas s cookies.
- Volba uživatele: Uživatelé mohou přijmout vše, odmítnout vše nebo přizpůsobit své preference.
- Správa skriptů: Na základě souhlasu uživatele se označené skripty načtou nebo zablokují.
- Ukládání preferencí: Uživatelovy preference se ukládají do souboru cookie pro budoucí návštěvy.
- Centrum předvoleb: Uživatelé mohou své předvolby kdykoli změnit.
Typy souhlasu
TermsFeed Cookie Consent podporuje 2 režimy souhlasu:
|
Implicitní souhlas
|
|
|
Výslovný souhlas (doporučeno)
|
|
Kategorie souborů cookie
Skripty jsou rozděleny do 4 kategorií:
- Nezbytně nutné. Nezbytné pro funkčnost webových stránek (vždy povoleny).
- Funkční. Zlepšují uživatelský zážitek (např. jazykové preference).
- Sledování. Analytika a měření výkonu (např. Google Analytics).
- Cílení. Marketing a reklama (např. Facebook Pixel).
Rychlý průvodce
Spusťte TermsFeed Cookie Consent na svém webu v 5 jednoduchých krocích.
Krok 1: Načtěte TermsFeed Cookie Consent
Přidejte na svůj web soubor JavaScriptu pro souhlas s cookies.
<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
Krok 2: Přidejte konfigurační kód
Přidejte konfigurační skript hned za skriptem Cookie Consent:
<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: Přidejte řádek s údaji o autorství (povinné)
Vložte značku noscript s uvedením zdrojů (vyžadováno naší licencí):
<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
Krok 4: Přidejte tlačítko Změnit předvolby
Vytvořte tlačítko nebo odkaz, na který mohou uživatelé kliknout a změnit své předvolby:
<button id="changePreferences">Change Cookie Preferences</button>
ID musí odpovídat open_preferences_center_selector ve vaší konfiguraci.
Krok 5: Označte skripty třetích stran
Upravte stávající skripty tak, aby respektovaly souhlas uživatele:
- Změnou
type="text/javascript"natype="text/plain" - Přidáním atributu
data-cookie-consent="CATEGORY"
Příklad: Google Analytics
Před:
<script type="text/javascript">
// Google Analytics code
</script>
Po:
<script type="text/plain" data-cookie-consent="tracking">
// Google Analytics code
</script>
Kompletní příklad
<!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>
Testování implementace
- Vymažte cookies prohlížeče pro daný web.
- Načtěte stránku znovu. Měl by se zobrazit banner s žádostí o souhlas.
- Zkontrolujte konzolu pro vývojáře ve svém prohlížeči, zda neobsahuje nějaké chyby.
- Otestujte funkci blokování skriptů:
- Před přijetím: Skripty s tagem by se NEMĚLY načíst
- Po přijetí: Označené skripty by se měly načíst
- Otestujte tlačítko Změnit předvolby: Klikněte na tlačítko a ověřte, zda se otevře Centrum předvoleb.
Časté chyby při implementaci souhlasu s cookies TermsFeed
- Zapomenutí změnit typ skriptu na
text/plain - Chybějící atribut
data-cookie-consent - Nezahrnutí
page_load_consent_levelspouze s „strictly-necessary“ - ID tlačítka neodpovídá
open_preferences_center_selector - Odstranění požadované značky noscript s uvedením zdrojů