SlideShare a Scribd company logo
1 of 21
| Webdesign & online marketing www.aw-dev.cz
COOKIES
Michal Voják
AW-dev
| Webdesign & online marketing www.aw-dev.cz
• Persistent cookie
• Session Cookies
• Secure cookie
• HttpOnly cookie
• Third-party cookie
• Supercookie
• Zombie cookie
Co je to cookie
Jsou různé typy cookie, ne všechny jsou “závadné”.
| Webdesign & online marketing www.aw-dev.cz
• Osobní údaje
o Jméno
o Adresa
o E-mail adresa (nemusí to být vždy)
o Datum narození
o IP adresa (v některých případech)
o Atd…
Proč to začalo vadit
Obecně jde nejvíce o ochranu soukromí uživatelů na internetu. Osobní údaje mohou být
například I IP adresa, či osobní e-mailová adresa.
| Webdesign & online marketing www.aw-dev.cz
• EU směrnice
• Implementace ČR
• Co říká Google
Co se řeší
Řeší se něco co zde již bylo, ale řeší se nově i požadavek Google viz následující slide.
| Webdesign & online marketing www.aw-dev.cz
To proč se o cookie začalo znovu mluvit, je tlak Google, který rozeslal tento e-mail ve
kterém zmiňuje, že po 30.9.2015 je třeba získávat souhlas návštěvníka při používání
služeb jako je Google Adsense, DoubleClick atd.
| Webdesign & online marketing www.aw-dev.cz
• neanonymní cookies
• third-party cookies
Jaké cookies vadí EU
Ne pro všechna cookies je třeba získávat souhlas. To co vadí jsou zejména cookies třetí
strany a tzv. neanonymní cookies.
| Webdesign & online marketing www.aw-dev.cz
• Opt-out
o Stejně načtu cookie, ale budeš vědět o tom, že se něco ukládá.
• Opt-in
o Nejdříve se tě zeptám a až po tom něco budu ukládat.
Jaké jsou možnosti?
V ČR nyní (25.10.2015) stačí splnit informační povinnost což je tzv. OPT-OUT přístup,
kdy cookies ukládáme a pouze o tom informujeme. Přístup kdy se nejdříve uživatele
zeptáme a až po jeho schválení ukládáme cookies se označuje jako OPT-IN
| Webdesign & online marketing www.aw-dev.cz
• Youtube
• Adsence / Sklik
• Sociální pluginy
• A mnoho dalších
Čeho se third-party
cookies týkají
V případě, že by byla směrnice EU implementována v plném rozsahu a bylo by třeba
vyžadovat souhlas v případě cookies třetí strany, týkalo by se to webů, které používají i
různě sociální pluginy apod.
| Webdesign & online marketing www.aw-dev.cz
• Google Analytics sbírá neanonymní údaje
• Google Analytics má nastavené
o Remarketing
o přehledy zobrazení v obsahové síti
o demografické přehledy
• Reklamní systém od Google
o Adsense
o DoubleClick
Kdy je nutné použít OPT-
IN
Pokud máte implemplementovaný Google Analytics s rozšířením pro sledování socio
demografických údajů, remarketing (doubleclick js) nebo používáte na webu Adsense,
DoubleClick atd, je třeba mít podle Google po 30.9.2015 souhlas opt-in.
| Webdesign & online marketing www.aw-dev.cz
OPT-OUT
Implementace informační lišty je snadná, může vypadat nějak takto, ale reálně neřeší nic
než infomaci o tom, co se děje, respektive o tom co se již stalo.
| Webdesign & online marketing www.aw-dev.cz
OPT-IN
V případě OPT-IN je možné využít jednoduchý skript, který po schválení uloží
informaci o souhlasu do cookie první strany (té co nevadí) a vlastní skript se spustí až
po souhlasu (například pro Google Analytics s rozšířením o měření socio
demografickcýh informací).
| Webdesign & online marketing www.aw-dev.cz
GTM implementace
Jednou ze snažších cest může být implementace skrze Gooogle Tag Manager, který
principiálně pracuje stejně. Použijeme HTML kontejner, kde je kód lišty s tlačítkem pro
souhlas a JS, který ji ovládá a ukládá cookie. Tato lišta se spouští jen tehdy, pokud již
není cookie „cookie-allowed=1“. Výhodou je, že se můžeme u jednotlivých kontejnerů
rozhodovat zda uživatel schválil či nechválil a podle toho je spouštět. Tedy například je
možné sledovat uživatele základním měřením do Google Analytics a až po souhlasu
spouštět rozšířené měření.
| Webdesign & online marketing www.aw-dev.cz
GTM implementace
Takto potom vypadá obsah vlastní HTML značky, která se spouští jen pokud již nebyl
souhlas obdržen.
| Webdesign & online marketing www.aw-dev.cz
GTM implementace
Takto se definuje proměnná pro cookie první strany, která je nezbytná pro vlastní
nastavení odpalování značky.
| Webdesign & online marketing www.aw-dev.cz
• Existuje opravdu hodně nástrojů s velkými možnostmi
nastavení
• Cookie Law Info
• Cookie-Opt-In
• Cookie Notice
Jak to řeší Wordpress
Pro Wordpress exituje řada pluginů, které umí řešit jak opt-out tak opt-in poměrně
snadno. V případě opt-in a použití Google Adsense nebo Doubleclick může být
implementace složitější.
| Webdesign & online marketing www.aw-dev.cz
• Cookie Consent od Silktide
GNU GENERAL PUBLIC LICENSE v3, Informace o cookies
• Cookie Control od CIVIC,
FREE verze a od £39.00 +VAT , OPT-IN
• Cookiebot od Cybot
od £4.00 / měsíc , OPT-IN, GEOIP
• Cookie Consent Kit od Evropské komise
ZDARMA, OPT-IN
Zdroj: http://www.cookiechoices.org/
Srovnání nástrojů
Google vytvořil stránku www.cookiechoises.org, kde doporučuje některá hotová řešení.
Některé jsou zdarma, jiné placené (jednorázově nebo paušálně). Cookie Consent Kit je
pěkné řešení od Evropské komise s dobrou dokumentací.
| Webdesign & online marketing www.aw-dev.cz
Jak to udělat vizuálně
Jsou různé varianty jak souhlas zobrazovat a vhodnost použití závisí na cílech
provozovatele. Když budeme provozovat web, kde se vydělává na reklamě, bude
vhodné jiné řešení než na e-shopu, kde mi jde primárně o prodej a má vyšší prioritu než
měření.
| Webdesign & online marketing www.aw-dev.cz
Jak na mobilu
Takto to například řeší Twitter na mobilních zařízeních, web z nich není použitelný
dokud nedojde k “souhlasu”
| Webdesign & online marketing www.aw-dev.cz
• Jak moc chcete, aby to uživatelé schválili
• Responsivní design
• Textace
Na co si dát při
implementaci pozor
Dejte si pozor hlavně na použitelnost webu z mobilních zařízení. Stává se, že tlačítko
pro souhlas je mimo obrazovku a tedy není možné jej schválit a lišta znemožňuje
používání webu, což je kritická chyba. Tedy testovat, testovat, testovat.
| Webdesign & online marketing www.aw-dev.cz
• Automatické schvalování např. CookiesOK
• Nastavení více úrovní schvalování
Něco pro zajímavost
Existuje rozšíření pro prohlížeče, kde uživatel může nastavit automatické schvalování.
Například CookiesOK, kdy je třeba na schvalovací tlačítko nastavit třídu CookiesOK,
aby ke schvalování mohlo docházet. Jeden z doporučených nástrojů Googlem původně
umožňvoal schvalovat různé úrovně (cookies pro marketing, pro analytiku atd.) což se
zjevně neosvědčilo a v nové verzi to již neumožňuje. Z pohledu provozovatele webu to
není rozumné, návštěvník nejspíše nebude chtít schvalovat marketing atd.
| Webdesign & online marketing www.aw-dev.cz
Děkuji za pozornost
AW-dev
Jaromírova 80/51
128 00 Praha 2
Michal Voják
michal@aw-dev.cz
+420 607 118 645
facebook.com/awdevczwww.aw-dev.cz twitter.com/awdevcz Linkedin.com/company
/awdevcz

More Related Content

Similar to Michal Voják o Cookies - AW-dev

Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...
Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...
Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...Taste
 
Data Restart 2021: Jiří Štěpán - Keynote
Data Restart 2021: Jiří Štěpán - KeynoteData Restart 2021: Jiří Štěpán - Keynote
Data Restart 2021: Jiří Štěpán - KeynoteTaste
 
Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015
Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015
Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015Sun Marketing
 
Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024
Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024
Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024Optimalizovaný-Web.cz
 
Novinky platformy Targito Q4/2021
Novinky platformy Targito Q4/2021Novinky platformy Targito Q4/2021
Novinky platformy Targito Q4/2021Targito
 
Jak může PPCéčkař zastoupit programátora
Jak může PPCéčkař zastoupit programátoraJak může PPCéčkař zastoupit programátora
Jak může PPCéčkař zastoupit programátoraMichal Blažek
 
Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....
Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....
Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....Sun Marketing
 
Rozdíl mezi webovou analytikou a počítadlem návštěvnosti
Rozdíl mezi webovou analytikou a počítadlem návštěvnostiRozdíl mezi webovou analytikou a počítadlem návštěvnosti
Rozdíl mezi webovou analytikou a počítadlem návštěvnostiJakub Kašparů
 
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Optimalizovaný-Web.cz
 
PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...
PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...
PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...Taste
 
Jakub Drahokoupil: První středa v Brně o Google Analytics
Jakub Drahokoupil: První středa v Brně o Google AnalyticsJakub Drahokoupil: První středa v Brně o Google Analytics
Jakub Drahokoupil: První středa v Brně o Google AnalyticsH1.cz
 
Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023
 Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023 Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023
Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023Optimalizovaný-Web.cz
 
Data Date #2: Pavel Petráček - Keynote
Data Date #2: Pavel Petráček - KeynoteData Date #2: Pavel Petráček - Keynote
Data Date #2: Pavel Petráček - KeynoteTaste
 
Analytika a online marketing v souladu s GDPR v ČR i zahraničí
Analytika a online marketing v souladu s GDPR v ČR i zahraničíAnalytika a online marketing v souladu s GDPR v ČR i zahraničí
Analytika a online marketing v souladu s GDPR v ČR i zahraničíMichal Blažek
 
Marketing hackathon 2023 - Google Analytics 4 pro úplné začátečníky
Marketing hackathon 2023 - Google Analytics 4 pro úplné začátečníkyMarketing hackathon 2023 - Google Analytics 4 pro úplné začátečníky
Marketing hackathon 2023 - Google Analytics 4 pro úplné začátečníkyOptimalizovaný-Web.cz
 
Když ruce nestačí, sázejte automaty!
Když ruce nestačí, sázejte automaty!Když ruce nestačí, sázejte automaty!
Když ruce nestačí, sázejte automaty!BESTETO
 
Data Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad dat
Data Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad datData Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad dat
Data Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad datTaste
 
Roman Appeltauer: #zavicekonverzi na WebExpo
Roman Appeltauer: #zavicekonverzi na WebExpoRoman Appeltauer: #zavicekonverzi na WebExpo
Roman Appeltauer: #zavicekonverzi na WebExpoH1.cz
 

Similar to Michal Voják o Cookies - AW-dev (20)

Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...
Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...
Data Date #2: Radek Kupr - Jak zjistit skutečný propad dat po nasazení cookie...
 
Data Restart 2021: Jiří Štěpán - Keynote
Data Restart 2021: Jiří Štěpán - KeynoteData Restart 2021: Jiří Štěpán - Keynote
Data Restart 2021: Jiří Štěpán - Keynote
 
Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015
Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015
Digisemestr - Webová analytika chytře s Google Analytics - workshop 16. 11. 2015
 
Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024
Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024
Google Analytics 4 pro úplné začátečníky - Czech On-line Expo 2024
 
Novinky platformy Targito Q4/2021
Novinky platformy Targito Q4/2021Novinky platformy Targito Q4/2021
Novinky platformy Targito Q4/2021
 
Jak může PPCéčkař zastoupit programátora
Jak může PPCéčkař zastoupit programátoraJak může PPCéčkař zastoupit programátora
Jak může PPCéčkař zastoupit programátora
 
Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....
Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....
Click it - Jak a co měřit pomocí nástroje Google Analytics - workshop 22. 10....
 
Rozdíl mezi webovou analytikou a počítadlem návštěvnosti
Rozdíl mezi webovou analytikou a počítadlem návštěvnostiRozdíl mezi webovou analytikou a počítadlem návštěvnosti
Rozdíl mezi webovou analytikou a počítadlem návštěvnosti
 
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
 
PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...
PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...
PPC Restart 2021: Ladislav Vitouš - Zánik cookies a FLoC – co to znamená a na...
 
Propagace stránek
Propagace stránekPropagace stránek
Propagace stránek
 
Jakub Drahokoupil: První středa v Brně o Google Analytics
Jakub Drahokoupil: První středa v Brně o Google AnalyticsJakub Drahokoupil: První středa v Brně o Google Analytics
Jakub Drahokoupil: První středa v Brně o Google Analytics
 
Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023
 Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023 Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023
Jak číst a vyhodnocovat data v Google Analytics - Czech On-line Expo 2023
 
Data Date #2: Pavel Petráček - Keynote
Data Date #2: Pavel Petráček - KeynoteData Date #2: Pavel Petráček - Keynote
Data Date #2: Pavel Petráček - Keynote
 
Používejte Google Analytics chytře
Používejte Google Analytics chytřePoužívejte Google Analytics chytře
Používejte Google Analytics chytře
 
Analytika a online marketing v souladu s GDPR v ČR i zahraničí
Analytika a online marketing v souladu s GDPR v ČR i zahraničíAnalytika a online marketing v souladu s GDPR v ČR i zahraničí
Analytika a online marketing v souladu s GDPR v ČR i zahraničí
 
Marketing hackathon 2023 - Google Analytics 4 pro úplné začátečníky
Marketing hackathon 2023 - Google Analytics 4 pro úplné začátečníkyMarketing hackathon 2023 - Google Analytics 4 pro úplné začátečníky
Marketing hackathon 2023 - Google Analytics 4 pro úplné začátečníky
 
Když ruce nestačí, sázejte automaty!
Když ruce nestačí, sázejte automaty!Když ruce nestačí, sázejte automaty!
Když ruce nestačí, sázejte automaty!
 
Data Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad dat
Data Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad datData Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad dat
Data Restart 2022: Radek Kupr - Consent Rate aneb jak jsme vyřešili propad dat
 
Roman Appeltauer: #zavicekonverzi na WebExpo
Roman Appeltauer: #zavicekonverzi na WebExpoRoman Appeltauer: #zavicekonverzi na WebExpo
Roman Appeltauer: #zavicekonverzi na WebExpo
 

More from Desingdev

Efektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backloguEfektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backloguDesingdev
 
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfJak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfDesingdev
 
Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022Desingdev
 
UX monday - uživatelské testování
UX monday - uživatelské testováníUX monday - uživatelské testování
UX monday - uživatelské testováníDesingdev
 
Rozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webuRozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webuDesingdev
 
Hledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitHledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitDesingdev
 
User experience v praxi
User experience v praxiUser experience v praxi
User experience v praxiDesingdev
 
AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016Desingdev
 

More from Desingdev (8)

Efektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backloguEfektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backlogu
 
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfJak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
 
Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022
 
UX monday - uživatelské testování
UX monday - uživatelské testováníUX monday - uživatelské testování
UX monday - uživatelské testování
 
Rozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webuRozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webu
 
Hledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitHledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešit
 
User experience v praxi
User experience v praxiUser experience v praxi
User experience v praxi
 
AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016
 

Michal Voják o Cookies - AW-dev

  • 1. | Webdesign & online marketing www.aw-dev.cz COOKIES Michal Voják AW-dev
  • 2. | Webdesign & online marketing www.aw-dev.cz • Persistent cookie • Session Cookies • Secure cookie • HttpOnly cookie • Third-party cookie • Supercookie • Zombie cookie Co je to cookie Jsou různé typy cookie, ne všechny jsou “závadné”.
  • 3. | Webdesign & online marketing www.aw-dev.cz • Osobní údaje o Jméno o Adresa o E-mail adresa (nemusí to být vždy) o Datum narození o IP adresa (v některých případech) o Atd… Proč to začalo vadit Obecně jde nejvíce o ochranu soukromí uživatelů na internetu. Osobní údaje mohou být například I IP adresa, či osobní e-mailová adresa.
  • 4. | Webdesign & online marketing www.aw-dev.cz • EU směrnice • Implementace ČR • Co říká Google Co se řeší Řeší se něco co zde již bylo, ale řeší se nově i požadavek Google viz následující slide.
  • 5. | Webdesign & online marketing www.aw-dev.cz To proč se o cookie začalo znovu mluvit, je tlak Google, který rozeslal tento e-mail ve kterém zmiňuje, že po 30.9.2015 je třeba získávat souhlas návštěvníka při používání služeb jako je Google Adsense, DoubleClick atd.
  • 6. | Webdesign & online marketing www.aw-dev.cz • neanonymní cookies • third-party cookies Jaké cookies vadí EU Ne pro všechna cookies je třeba získávat souhlas. To co vadí jsou zejména cookies třetí strany a tzv. neanonymní cookies.
  • 7. | Webdesign & online marketing www.aw-dev.cz • Opt-out o Stejně načtu cookie, ale budeš vědět o tom, že se něco ukládá. • Opt-in o Nejdříve se tě zeptám a až po tom něco budu ukládat. Jaké jsou možnosti? V ČR nyní (25.10.2015) stačí splnit informační povinnost což je tzv. OPT-OUT přístup, kdy cookies ukládáme a pouze o tom informujeme. Přístup kdy se nejdříve uživatele zeptáme a až po jeho schválení ukládáme cookies se označuje jako OPT-IN
  • 8. | Webdesign & online marketing www.aw-dev.cz • Youtube • Adsence / Sklik • Sociální pluginy • A mnoho dalších Čeho se third-party cookies týkají V případě, že by byla směrnice EU implementována v plném rozsahu a bylo by třeba vyžadovat souhlas v případě cookies třetí strany, týkalo by se to webů, které používají i různě sociální pluginy apod.
  • 9. | Webdesign & online marketing www.aw-dev.cz • Google Analytics sbírá neanonymní údaje • Google Analytics má nastavené o Remarketing o přehledy zobrazení v obsahové síti o demografické přehledy • Reklamní systém od Google o Adsense o DoubleClick Kdy je nutné použít OPT- IN Pokud máte implemplementovaný Google Analytics s rozšířením pro sledování socio demografických údajů, remarketing (doubleclick js) nebo používáte na webu Adsense, DoubleClick atd, je třeba mít podle Google po 30.9.2015 souhlas opt-in.
  • 10. | Webdesign & online marketing www.aw-dev.cz OPT-OUT Implementace informační lišty je snadná, může vypadat nějak takto, ale reálně neřeší nic než infomaci o tom, co se děje, respektive o tom co se již stalo.
  • 11. | Webdesign & online marketing www.aw-dev.cz OPT-IN V případě OPT-IN je možné využít jednoduchý skript, který po schválení uloží informaci o souhlasu do cookie první strany (té co nevadí) a vlastní skript se spustí až po souhlasu (například pro Google Analytics s rozšířením o měření socio demografickcýh informací).
  • 12. | Webdesign & online marketing www.aw-dev.cz GTM implementace Jednou ze snažších cest může být implementace skrze Gooogle Tag Manager, který principiálně pracuje stejně. Použijeme HTML kontejner, kde je kód lišty s tlačítkem pro souhlas a JS, který ji ovládá a ukládá cookie. Tato lišta se spouští jen tehdy, pokud již není cookie „cookie-allowed=1“. Výhodou je, že se můžeme u jednotlivých kontejnerů rozhodovat zda uživatel schválil či nechválil a podle toho je spouštět. Tedy například je možné sledovat uživatele základním měřením do Google Analytics a až po souhlasu spouštět rozšířené měření.
  • 13. | Webdesign & online marketing www.aw-dev.cz GTM implementace Takto potom vypadá obsah vlastní HTML značky, která se spouští jen pokud již nebyl souhlas obdržen.
  • 14. | Webdesign & online marketing www.aw-dev.cz GTM implementace Takto se definuje proměnná pro cookie první strany, která je nezbytná pro vlastní nastavení odpalování značky.
  • 15. | Webdesign & online marketing www.aw-dev.cz • Existuje opravdu hodně nástrojů s velkými možnostmi nastavení • Cookie Law Info • Cookie-Opt-In • Cookie Notice Jak to řeší Wordpress Pro Wordpress exituje řada pluginů, které umí řešit jak opt-out tak opt-in poměrně snadno. V případě opt-in a použití Google Adsense nebo Doubleclick může být implementace složitější.
  • 16. | Webdesign & online marketing www.aw-dev.cz • Cookie Consent od Silktide GNU GENERAL PUBLIC LICENSE v3, Informace o cookies • Cookie Control od CIVIC, FREE verze a od £39.00 +VAT , OPT-IN • Cookiebot od Cybot od £4.00 / měsíc , OPT-IN, GEOIP • Cookie Consent Kit od Evropské komise ZDARMA, OPT-IN Zdroj: http://www.cookiechoices.org/ Srovnání nástrojů Google vytvořil stránku www.cookiechoises.org, kde doporučuje některá hotová řešení. Některé jsou zdarma, jiné placené (jednorázově nebo paušálně). Cookie Consent Kit je pěkné řešení od Evropské komise s dobrou dokumentací.
  • 17. | Webdesign & online marketing www.aw-dev.cz Jak to udělat vizuálně Jsou různé varianty jak souhlas zobrazovat a vhodnost použití závisí na cílech provozovatele. Když budeme provozovat web, kde se vydělává na reklamě, bude vhodné jiné řešení než na e-shopu, kde mi jde primárně o prodej a má vyšší prioritu než měření.
  • 18. | Webdesign & online marketing www.aw-dev.cz Jak na mobilu Takto to například řeší Twitter na mobilních zařízeních, web z nich není použitelný dokud nedojde k “souhlasu”
  • 19. | Webdesign & online marketing www.aw-dev.cz • Jak moc chcete, aby to uživatelé schválili • Responsivní design • Textace Na co si dát při implementaci pozor Dejte si pozor hlavně na použitelnost webu z mobilních zařízení. Stává se, že tlačítko pro souhlas je mimo obrazovku a tedy není možné jej schválit a lišta znemožňuje používání webu, což je kritická chyba. Tedy testovat, testovat, testovat.
  • 20. | Webdesign & online marketing www.aw-dev.cz • Automatické schvalování např. CookiesOK • Nastavení více úrovní schvalování Něco pro zajímavost Existuje rozšíření pro prohlížeče, kde uživatel může nastavit automatické schvalování. Například CookiesOK, kdy je třeba na schvalovací tlačítko nastavit třídu CookiesOK, aby ke schvalování mohlo docházet. Jeden z doporučených nástrojů Googlem původně umožňvoal schvalovat různé úrovně (cookies pro marketing, pro analytiku atd.) což se zjevně neosvědčilo a v nové verzi to již neumožňuje. Z pohledu provozovatele webu to není rozumné, návštěvník nejspíše nebude chtít schvalovat marketing atd.
  • 21. | Webdesign & online marketing www.aw-dev.cz Děkuji za pozornost AW-dev Jaromírova 80/51 128 00 Praha 2 Michal Voják michal@aw-dev.cz +420 607 118 645 facebook.com/awdevczwww.aw-dev.cz twitter.com/awdevcz Linkedin.com/company /awdevcz

Editor's Notes

  1. Jsou různé typy cookie, ne všechny jsou “závadné”.
  2. Obecně jde nejvíce o ochranu soukromí uživatelů na internetu. Osobní údaje mohou být například I IP adresa, či osobní e-mailová adresa.
  3. Řeší se něco co zde již bylo, ale řeší se nově i požadavek Google viz následující slide.
  4. To proč se o cookie začalo znovu mluvit, je tlak Google, který rozeslal tento e-mail ve kterém zmiňuje, že po 30.9.2015 je třeba získávat souhlas návštěvníka při používání služeb jako je Google Adsense, DoubleClick atd.
  5. Ne pro všechna cookies je třeba získávat souhlas. To co vadí jsou zejména cookies třetí strany a tzv. neanonymní cookies.
  6. V ČR nyní stačí splnit informační povinnost což je tzv. OPT-OUT přístup, kdy cookies ukládáme a pouze o tom informujeme. Přístup kdy se nejdříve uživatele zeptáme a až po jeho schválení ukládáme cookies se označuje jako OPT-IN
  7. V případě, že by byla směrnice EU implementována v plném rozsahu a bylo by třeba vyžadovat souhlas v případě cookies třetí strany, týkalo by se to webů, které používají i různě sociální pluginy apod.
  8. Pokud máte implemplementovaný Google Analytics s rozšířením pro sledování socio demografických údajů, remarketing (doubleclick js) nebo používáte na webu Adsense, DoubleClick atd, je třeba mít podle Google po 30.9.2015 souhlas opt-in.
  9. Implementace informační lišty je snadná, může vypadat nějak takto, ale reálně neřeší nic než infomaci o tom, co se děje, respektive o tom co se již stalo.
  10. V případě OPT-IN je možné využít jednoduchý skript, který po schválení uloží informaci o souhlasu do cookie první strany (té co nevadí) a vlastní skript se spustí až po souhlasu (například pro Google Analytics s rozšířením o měření socio demografickcýh informací).
  11. Jednou ze snažších cest může být implementace skrze Gooogle Tag Manager, který principiálně pracuje stejně. Použijeme HTML kontejner, kde je kód lišty s tlačítkem pro souhlas a JS, který ji ovládá a ukládá cookie. Tato lišta se spouští jen tehdy, pokud již není cookie „cookie-allowed=1“. Výhodou je, že se můžeme u jednotlivých kontejnerů rozhodovat zda uživatel schválil či nechválil a podle toho je spouštět. Tedy například je možné sledovat uživatele základním měřením do Google Analytics a až po souhlasu spouštět rozšířené měření.
  12. Takto potom vypadá obsah vlastní HTML značky, která se spouští jen pokud již nebyl souhlas obdržen.
  13. Takto se definuje proměnná pro cookie první strany, která je nezbytná pro vlastní nastavení odpalování značky.
  14. Pro Wordpress exituje řada pluginů, které umí řešit jak opt-out tak opt-in poměrně snadno. V případě opt-in a použití Google Adsense nebo Doubleclick může být implementace složitější.
  15. Google vytvořil stránku www.cookiechoises.org, kde doporučuje některá hotová řešení. Některé jsou zdarma, jiné placené (jednorázově nebo paušálně). Cookie Consent Kit je pěkné řešení od Evropské komise s dobrou dokumentací.
  16. Jsou různé varianty jak souhlas zobrazovat a vhodnost použití závisí na cílech provozovatele. Když budeme provozovat web, kde se vydělává na reklamě, bude vhodné jiné řešení než na e-shopu, kde mi jde primárně o prodej a má vyšší prioritu než měření.
  17. Takto to například řeší Twitter na mobilních zařízeních, web z nich není použitelný dokud nedojde k “souhlasu”
  18. Dejte si pozor hlavně na použitelnost webu z mobilních zařízení. Stává se, že tlačítko pro souhlas je mimo obrazovku a tedy není možné jej schválit a lišta znemožňuje používání webu, což je kritická chyba. Tedy testovat, testovat, testovat.
  19. Existuje rozšíření pro prohlížeče, kde uživatel může nastavit automatické schvalování. Například CookiesOK, kdy je třeba na schvalovací tlačítko nastavit třídu CookiesOK, aby ke schvalování mohlo docházet. Jeden z doporučených nástrojů Googlem původně umožňvoal schvalovat různé úrovně (cookies pro marketing, pro analytiku atd.) což se zjevně neosvědčilo a v nové verzi to již neumožňuje. Z pohledu provozovatele webu to není rozumné, návštěvník nejspíše nebude chtít schvalovat marketing atd.