| Webdesign & online marketing www.aw-dev.cz

COOKIES

Michal VojákAW-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í údajeo 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ýtnapří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 vekteré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-outo Stejně načtu cookie, ale budeš vědět o tom, že se něco ukládá.

• Opt-ino 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živatelezeptá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řebavyžadovat souhlas v případě cookies třetí strany, týkalo by se to webů, které používají irů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 Googleo 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ší nicnež 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ž nebylsouhlas 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ýtimplementace složitější.

| Webdesign & online marketing www.aw-dev.cz

• Cookie Consent od SilktideGNU GENERAL PUBLIC LICENSE v3, Informace o cookies

• Cookie Control od CIVIC,FREE verze a od £39.00 +VAT , OPT-IN

• Cookiebot od Cybotod £4.00 / měsíc , OPT-IN, GEOIP

• Cookie Consent Kit od Evropské komiseZDARMA, 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ílechprovozovatele. Když budeme provozovat web, kde se vydělává na reklamě, budevhodné 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čítkopro souhlas je mimo obrazovku a tedy není možné jej schválit a lišta znemožňujepouží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