A „Hogyan készíts GDPR barát Cookie dokumentációt?” című korábbi anyagban ígértem, hogy készítek Neked egy olyan írást is, amiben lépésről lépésre megmutatom, hogy hogyan hozhatsz létre magadnak olyan cookie kezelésre figyelmeztető blokkot, mint ami a mi oldalunkon is van. Továbbá hogyan készítsd fel technikailag az oldaladat a GDPR szabályainak megfelelő cookie kezelésre. Ebben az anyagban ezekre találsz egy részletes technikai leírást!

A legfontosabb beállítások, amiket meg kell tenned, a honlapod GDPR barát cookie kezelése érdekében

A cikkhez készítettünk egy videót is, amiben lépésről lépésre megmutatjuk, hogy milyen beállításokat kell megtenned. Ezt a videót alább láthatod. Ezen kívül az egyes lépéseket a videó alatt láthatod, írásos formában.

FONTOS! A videó és a szöveg egymást egészíti ki, tehát az a legjobb, ha a videó és az írásos anyag alapján haladsz, és így állítod be az egyes elemeket.

A teljes videót itt tudod megtekineni, az egyes részekhez kapcsolódó videórészleteket pedig a szövegben találod.

A GDPR szabályzata miatt ma már nem elegendő figyelmeztetni a honlapod látogatóit, hogy sütiket használ az oldal, hanem lehetővé kell tenni számukra, hogy elfogadhassák, elutasíthassák, és módosíthassák a hozzájárulásukat a cookie-k használatával kapcsolatban.

Ez több megoldandó feladatot is eredményez, többek között:

  • meg kell oldani a süti sáv megjelenését

  • meg kell oldani, hogy az egyes kategóriákba tartozó cookie-k csak akkor aktiválódjanak, ha a látogató hozzájárul

  • meg kell oldani, hogy a süti sáv utólag megjelenjen és módosítható legyen a korábbi beállítás

  • meg kell oldani, hogy addig a pontig, amíg a statisztikai cookie-kat nem engedélyezi a látogató, addig is legyen minimális mérés az oldalon, ami még GDPR barát, de már szolgáltat számunkra értékes adatokat

  • meg kell oldani, hogy miután elfogadta valaki a statisztikai sütiket, akkor bekapcsoljon a teljes értékű (mindent mérő) analitikai kód

  • meg kell oldani, hogy a beágyazott videók oldalbetöltéskor még ne tegyenek le cookie-kat

  • meg kell oldani, hogy a személyes adatok UTM paraméterek használatakor ne kerüljenek át 3. félnek, de használható legyen az oldalon a funkció

Ezekkel a megoldandó problémákkal nem elijeszteni akarlak, hanem felspannolni! Ebből az anyagból ezeket a problémákat mind egytől egyig le fogjuk birkózni, és közösen megoldjuk, hogy a te honlapod is a lehető leg „GDPR barátabb” legyen.

Ha készen állsz, kezdjünk is bele!

Milyen folyamat mentén fogunk haladni?

  • beállítjuk a cookie sávod a honlapodon

  • beépítjük a Google Tag Manager mérőkódját az oldaladba

  • létrehozzuk a szükséges címkéket, amik a mérésekhez, remarketinghez szükségesek (Google Analytics, Facebook pixel, Hotjar, stb.)

  • itt beállítjuk azt, hogy amíg nem fogadja el a látogató az statisztikai cookie-k használatát, addig is fusson egy GDPR barát mérőkód

  • ezt követően beállítjuk, hogy a személyes adatok rejtve legyenek UTM paraméterek használata esetén

  • végül beállítjuk, hogy a videók csak akkor helyezzenek el sütiket az oldalon, ha a látogató lejátssza őket

Hogyan készítsd el a saját cookie sávod?

Videó ide kapcsolódó része:

Mi ezt a Cookiebot nevű szoftverrel végezzük, amiről már a korábbi anyagban is tettem említést. Mi teljesen meg vagyunk elégedve ezzel a szoftverrel, úgyhogy szívesen ajánljuk számodra is a használatát.

Mivel ezzel a szoftverrel készítettük el a saját Cookie sávunkat, ezért ezen fogom bemutatni az egyes feladatokat. Ezen kívül mivel mi WordPress alapú honlapot használunk, ezért a honlappal kapcsolatos beállításokat is a WordPressben mutatom meg.

Ha te más eszközöket használsz ezekre a célokra, akkor sincs probléma, ez esetben az elmélet rád is igaz lesz, a gyakorlati megvalósításról pedig biztosan találsz anyagot az interneten.

Ha a cookie dokumentáció elkészítésével kapcsolatos anyagot elolvastad, és megvalósítottad a benne leírtakat, akkor Neked már van Cookiebot fiókod, tehát ez a feladat pipa. Ha még esetleg nincs, akkor azon cikkben lévő leírás alapján hozz létre egyet.

Cookiebot szoftver összekötése a weboldaladdal

Ha WordPress oldalt használsz, akkor töltsd le a Cookiebot plugint a képen látható módon:

Miután aktiváltad, meg kell adnod a Cookiebot ID-t, amit a Cookiebot online felületén találsz. Lépj be a Cookiebot fiókodba, majd a „Your Scripts” fülre kattintva láthatod a Domain Group ID-t. Az ott lévő kódsort másold ki, majd menj a honlapodon lévő Cookiebot plugin admin felületére.

Itt a Cookiebot ID mezőbe másold be az ID-t, majd kattints a „Módosítások mentése” gombra.

Ezen a felületen állítsd be az alábbiakat:

Cookiebot Language: Default (Autodetect)

Auto-update Cookiebot jelölőnégyzetet pipáld be!

Ha ezzel megvagy, akkor mentsd el a munkád. Sikeresen összekötötted a Cookiebotot a honlapoddal.

Frissíts rá a böngészőben az oldaladra, és már látnod kell, hogy valamilyen formában feljött a cookie sáv.

Cookiebot bekötése plugin használata nélkül, FTP szerveren keresztül

Ez a rész csak akkor vonatkozik rád, ha nem pluginnal szeretnéd megoldani az összekötést! Ebben az esetben az FTP szerveredre kell csatlakoznod, és ott a header.php fájba kell bemásolnod a Cookiebot kódját.

Ehhez alább mutatok két alternatívát, viszont fontos megjegyeznem, hogy ha ezzel a módszerrel illeszted be a kódot, akkor amikor a sablonodat frissíted egy új verzióra, ismét be kell illeszteni a Cookiebot kódját, mert a rendszer felülírja a régi header.php fájlt, így eltűnik belőle a módosításod.

Ezt minden egyes frissítéskor meg kell majd ismételned a jövőben. Ebből a szempontból egyszerűbb és hatékonyabb a plugin használata.

Ha a tárhelyedhez van CPanel felületed, akkor lépj be a CPanel-be, majd a Fájkezelő-t megnyitva navigálj az általad használt oldal (domain) sablonoldalához:

public_html > saját oldalad neve > wp-content > themes > Saját sablonod (pl.: Avada) > header.php fájl

Töltsd le a fájlt. (Érdemes biztonsági másolatot készítened belőle.) Ezt követően nyisd meg a gépeden a Notepad++ nevű szoftvert használva. (Ha még nincs letöltve neked, akkor ide kattintva töltsd le, majd telepítsd)

Itt keress rá a < / head > kifejezésre (szóközök nélkül!), majd másold be elé a Cookiebot-ból kimásolt kódot.

Ezután ments el, majd eredeti néven (header.php) töltsd fel arra a helyre, ahonnan lementetted. Itt a rendszer meg fogja kérdezni, hogy biztosan felül akarod-e írni a célhelyen lévő fájlt. Írd felül nyugodtan.

Ha ezzel megvagy, nyisd meg a honlapod a böngészőben, majd hívd elő a forráskódját (CTRL+U billentyűkombinációval). Keress rá a cookiebot kifejezésre. Ha megtalálod, nézd meg, hogy helyesen bent van-e az imént bemásolt kód, és a megfelelő helyen van-e ( előtt).

Ha nincs CPanel felületed a tárhelyedhez, akkor más módon kell elérned az FTP szervered. Töltsd le a FileZilla nevű szoftvert a gépedre. Nyisd meg és jelentkezz be. Az ehhez szükséges adatokat a tárhelyeden tudod létrehozni. Ha nem tudod, hogy hol kell, keress rá a Google-ben, vagy kérj segítséget a tárhelyszolgáltatódtól.

Miután sikerült bejelentkezned, navigálj a wp-content > themes > Saját sablonod (pl.: Avada) > header.php fájlhoz.

Töltsd le a fájlt. Ehhez a baloldali ablakban válaszd ki a helyet, ahova le szeretnéd menteni a fájlt, majd kattints a jobboldali ablakban a header.php fájlra duplán. (Miután letöltötted, érdemes biztonsági másolatot készítened belőle.)

Ezt követően nyisd meg a gépeden a fájlt a Notepad++ nevű szoftvert használva. (Ha még nincs letöltve neked, akkor ide kattintva töltsd le, majd telepítsd.)

Itt keress rá a < / head > kifejezésre (szóközök nélkül), majd másold be elé a Cookiebot-ból kimásolt kódot.

Ezután mentsd el, majd eredeti néven (header.php) töltsd fel arra a helyre, ahonnan lementetted. Itt a rendszer meg fogja kérdezni, hogy biztosan felül akarod-e írni a célhelyen lévő fájlt. Írd felül nyugodtan.

Ha ezzel megvagy, nyisd meg a honlapod a böngészőben, majd hívd elő a forráskódját (CTRL+U billentyűkombinációval). Keress rá a cookiebot kifejezésre. Ha megtalálod, nézd meg, hogy helyesen bent van-e az imént bemásolt kód, és a megfelelő helyen van-e.

Cookie sáv megjelenésének beállítása

Ha pont olyan megjelenítést szeretnél használni, mint ami a mi oldalunkon van, akkor nyugodtan másold le a lenti képen látható beállításokat. A színnél értelemszerűen a saját arculati színeidet érdemes majd használnod. Ugyanez igaz a logódra is.

DIALOG:

Template: Itt tudod megadni, hogy hol jelenjen meg a Cookie sáv. Szerintünk az a legjobb, ha az oldal tetején (Top) jelenik meg, mert így a látogatónak egyből szembeötlik a sáv, sőt a menüket sem lehet könnyedén elérni addig, amíg nem foglalkozik a sávval (elfogadja a cookie-kat, vagy bezárja a blokkot, stb.)

Type: Itt tudod kiválasztani a cookie sáv típusát. Azaz azt, hogy mi legyen magán a sávon. Mivel tudomásunk szerint a GDPR szabályzata kimondja, hogy a látogató számára az első látogatáskor kötelező egyből megjeleníteni a cookie kategóriákat, ezért a „Multilevel” nevű típus a legmegfelelőbb (legalábbis a cikk írásakor, 2018.08.06-án ez a legjobb választás)

Ha a Theme résznél a Customot választod, akkor lehetőséged lesz a saját arculati színeidre szabni a megjelenést.

A kép alján is látható Ditsribution résznél érdemes beállítani az „All visitors” lehetőséget. Ez annyit fog tenni, hogy minden felhasználónak az első oldallátogatásakor meg fog jelenni a süti sáv, függetlenül attól, hogy Amerikából, Európából vagy akár Ázsiából látogat az oldalra. (Hivatalosan csak az EU-ból érkező látogatóknak kell megjeleníteni, így ha te nem szeretnéd mindenkinek, akkor itt tudsz módosítani rajta.)

Mentsd el a beállításaidat a bal oldali sáv felső „Save” ikonjára kattintva. Ezt követően lépj a következő fülre.

DECLARATION:

Ez a Cookie nyilatkozatra és a cookie listára vonatkozik. Mivel nekünk az volt a javaslatunk, hogy csináltass egyet az ügyvédeddel, mert az a legbiztosabb, ezért ezt a funkciót most nem használjuk.

Lépj a következő fülre.

CONTENT:

Itt a mi süti sávunkat alapul véve, töltsd ki az egyes mezőket.

Ha élőben akkor láthatod a mi sütisávunkat, AKKOR KATTINTS IDE.

Ha ezzel megvagy, ments el a munkád. Ellenőrzésként nyisd meg a főoldalad és frissíts rá a böngésződre. Ha mindent jól csináltál, akkor meg kell jelennie az új cookie sávodnak. 😊

Ha nem akkor érdemes kipróbálni, hogy inkognitó módban nyitod meg az oldalad (Chrome böngészőnél CTRL+SHIFT+N).

Végül ezzel már csak annyi teendőd van, hogy lehetővé tedd a látogatóidnak, hogy módosíthassák a beállításaikat.

A videó ide kapcsolódó részlete:

Mivel a cookie sáv eltűnik, amint valaki elmentette az adott beállításait, és többé elő sem jön magától, ha a „Beállítások” cookie kategóriát engedélyezte a látogató, ezért szükségünk van egy linkre, amire rákattintva újra felugrik a sáv.

Szerintünk azzal jársz a legjobban, ha az oldalad aljára, a láblécbe elhelyezel egy szöveget, pl.: Süti kezelési beállítások megnyitása

Erre a szövegre ráteszel egy linket, ami megnyitja a cookie sáv popupját. Ezt legegyszerűbben úgy tudod megtenni, ha a widgeteknél hozzáadsz a Footer részhez egy HTML widgetet és bemásolod oda az alábbi kódrészt: kattints ide a kódrészhez

Ezennel tahát megvagyunk a következőkkel:

  • a cookie sáv megjelenítésével

  • a látogatók beállíthatják, hogy milyen cookie kategóriákat engedélyeznek

  • lehetőségük van újra előhívni a cookie sávot, és módosítani a korábbi beállításukon

Hogyan oldjuk meg, hogy az egyes cookie kategóriákba tartozó cookiek csak akkor aktiválódjanak, ha a látogató engedélyezi a használatukat?

Ennek egy részét a Cookiebot tökéletesen megoldja, nekünk csak a statisztikai cookie kategóriába tartozó sütikkel és a marketing kategóriába tartozókkal kell foglalkoznunk.

Ahhoz, hogy ezt kellő egyszerűséggel meg tudjuk oldani, arra van szükség, hogy a kódjainkat egy helyen kezeljük, egy eszközben. Erre szolgál a Google Tag Manager, amiről elképzelhető, hogy hallóttál már korábban.

Ennek az a lényege, hogy a különböző mérőkódokat nem a honlapodra töltöd fel közvetlenül, hanem a Google Tag Managerbe. Itt kezeled őket, itt állítod be a láthatóságukat, stb. Így elegendő csak a Tag Manager kódját beilleszteni a weboldaladba, és kész is vagy. A cookie-k kezelésekor nagyban megkönnyíti a dolgunkat, ezért mindenképp javaslom, hogy te is alkalmazd a Google ingyenes szoftverét.

Ha Google fiókod már van, csupán Google Tag Manager fiókod nincs, akkor egyszerűen csak be kell jelentkezned itt:

https://tagmanager.google.com/

Ha nincs Google fiókod sem, akkor hozz létre egyet az imént linkkelt oldalon. (Bár ahhoz, hogy a Google Analyticset vagy a Gmail-t használni tudd, valahol lennie kell Google fiókodnak.)

A bejelentkezés után a Tag Manager fogadó képernyőn kattints a „Fiók létrehozása” feliratra.

Ezt követően értelemszerűen add meg a fiók adatokat (cégnév, ország, stb.).

Miután létrehoztad a fiókod, egyből a Google Címkekezelő telepítéséről szóló popup ablak jelenik meg számodra.

Ezen láthatod, hogy pontosan milyen kódot kell beillesztened, és arról is kapsz rövid tájékoztatást, hogy pontosan hova kell beillesztened.

Hogyan kösd össze a Google Tag Managert az oldaladdal?

Videó ide kapcsolódó részlete:

Statisztikai mérésekkel kapcsolatos süti beállítások:

Videó ide kapcsolódó része:

Amíg a látogató el nem fogadja a statisztikai cookie-k használatát, addig nem tudjuk futtatni a Google Analytics mérőkódunkat, így nem tudjuk a megszokott mérést működtetni az oldalon.

(A Google Analytics-et rengeteg hazaki KKV használja a honlapján, ezért most ezt az ingyenes szotvert fogjuk mi is alapul venni a beállítási leírásban.)

Ha nem tudjuk futtatni a mérőkódot, akkor a hatékonyságunk rovására megy, mert így azt sem látjuk, hogy például honnan érkezett a látogató a honlapodra, ami egy elképesztően értékes adat.

Mivel az, hogy honnan érkezett, nem számít személyes adatnak, így ez még beleférhet a GDPR szabályosságba. Csupán el kell intéznünk, hogy semmilyen módon ne lehessen visszavezetni az adott analitikai adatot a látogatóhoz.

Ehhez egy teljesen lecsupaszított, egyszerű Google Analytics mérőkódot fogunk alkalmazni, amiből kiszedjük azokat az elemeket, amiket csak akkor futtathatnánk, ha a látogató már hozzájárult a statisztikai és/vagy a marketing cookiek használatához.

Miután valaki elfogadja a Statisztikai cookie-k használatát, akkor pedig aktiválódhat a mindent mérő, “fullos” kód.

Nézzük meg, hogy ezeket hogyan tudjuk létrehozni a Tag Managerben:

A Tag Manager 3 fő elemből áll: címkékből, aktiválási szabályokból, és változókból.

Címkék: Ezek tartalmazzák a mérőkódot, valamint a hozzá szorosan kapcsolódó egyéb információkat.

Aktiválási szabályok: Ezek által tudod meghatározni, hogy egy címke mikor aktiválódjon. Pl. legyen aktív minden oldalon vagy csak bizonyos oldalakon. Egy aktuális példa: csak akkor aktiválódjon, amikor a látogató már elfogadta a statisztikai cookie-k használatát.

Változó: Többek között arra jó, hogy előre meg tudsz határozni egy értéket, amit a Tag Manager behelyettesíti a szükséges helyre, így neked nem kell egyenként beállítgatni folyamatosan.  A cookie-s példánál maradva: a Cookiebot cookie-ja maga egy változó. Ezt fogja beilleszteni a Tag Manager, az aktiválási szabályokhoz. Ez gyakorlatilag behelyettesíti a „CookieConsent” értéket az aktiválási szabályokba, így neked nem kell állandóan beállítgatni.

Ahhoz, hogy a folyamat összeálljon, kezdjük el beállítani a szükséges elemeket:

VÁLZOTÓ

Hozz létre egy új változót az alábbi adatokkal:

Neve: cookiebot

Változó típusa: Belső cookie

Cookie neve: CookieConsent

Majd mentés

Ezzel azt értük el, hogy definiáltuk a rendszernek, hogy a „CookieConsent” nevű cookie ha változik, akkor történjen valami, amit majd a későbbiekben fogunk beállítani.

Ha nem Cookiebot-ot használsz, akkor is be tudod ezt állítani úgy, hogy megnyitod az oldaladat pl:.  a Firefox böngészőben, majd jobb egérgomb, Elem vizsgálata, majd ott a Tárolóra mész, és megnézed a cookiek között, hogy ha elfogadsz valamilyen cookie kategóriát, akkor mit történik, mik töltenek be. Ott kell látnod valamilyen releváns elnevezéssel az általad használt süti plugin vagy szoftver cookie-ját.

Ezt követően létre kell hoznod néhány Aktiválási szabályt:

AKTIVÁLÁSI SZABÁLYOK

Elsőként állítsd be a „Cookeibot- Beállításokkal kapcsolatos cookiek aktiválása” szabályt:

  • Aktiválási szabály típusa: Oldalmegtekintés
  • Aktiválási szabály aktiválása:
    • Néhány oldalmegtekintés
  • Az aktiválási szabály aktiválása, ha esemény történik, és az összes feltétel igaz:
    • Cookiebot; Erre végződik: Cnecessary:true%2Cpreferences:true%2Cstatistics:false%2Cmarketing:false%2Cver:1}
      • ezt a fent említett Elem vizsgálat résznél tudod megnézni, hogy pontosan milyen URL töltődik be, amikor a Beállítások sütikategóriát engedélyezed az oldalon.

Állítsd be a „Cookiebot- Statisztikával kapcsolatos cookie-k aktiválása” szabályt:

  • Aktiválási szabály típusa: Oldalmegtekintés
  • Aktiválási szabály aktiválása:
    • Néhány oldalmegtekintés
  • Az aktiválási szabály aktiválása, ha esemény történik, és az összes feltétel igaz:
    • Cookiebot; Erre végződik: Cnecessary:true%2Cpreferences:true%2Cstatistics:true%2Cmarketing:false%2Cver:1}

Állítsd be a “Cookiebot- Marketinggel kapcsolatos cookei-k aktiválása” szabályt:

  • Aktiválási szabály típusa: Oldalmegtekintés
  • Aktiválási szabály aktiválása:
    • Néhány oldalmegtekintés
  • Az aktiválási szabály aktiválása, ha esemény történik, és az összes feltétel igaz:
    • Cookiebot; Erre végződik: Cnecessary:true%2Cpreferences:true%2Cstatistics:true%2Cmarketing:true%2Cver:1}

Még egy aktiválási szabályt be kell állítani, ami az UTM paraméterekből rejti el a PII adatokat (azaz a személyes adatokat):

Szabály neve: All Pages with PII Removed

Aktiválási szabály típusa: Egyéni esemény

Eseménynév: parametersRemoved

Szabályos kifejezés-egyeztetés használata bepipálva!

Az aktiválási szabály aktiválása: Minden egyéni esemény

Miután létrehoztad ezeket az aktiválási szabályokat, már csak be kell állítani a címkéket:

Google Analytics címkék beállítása

Alap GA mérés indítása:

Videó ide kapcsolódó része

Címke típusa: Google Analytics – Universal Analytics

Nyomon követés típusa: Oldalmegtekintés

Címke beállítások felülírásának engedélyezése: bepipálva!

Követési azonosító: ide tedd be a követési azonosítódat, vagy add hozzá globálisan a GTM-hez. (Hozz létre egy új változót, majd a típusához állítsd be, hogy „Állandó”, majd az értékéhez másold be a GA azonosítód).

További beállítások

> Beállítandó mezők > Mező neve: anonymizelp > érték: true

> E-kereskedelem > Hamis

> Hirdetés > Hamis

> Domainek közötti követés > Hash használata: Hamis; Űrlapok díszítése > Hamis

> Speciális konfiguráció > Hibakereső verzió használata: Hamis; Továbbfejlesztett linkhozzájárulás: Hamis; Követő nevének a beállítása: Hamis

Aktiválási szabály:

All Pages with PII Removed

Kivételek:

Cookeibot- Statisztikával kapcsolatos cookiek aktiválása

VAGY

Cookiebot- Marketinggel kapcsolatos cookei-k aktiválása

Teljes GA mérés beállítása

Videó ide kapcsolódó része

Címke típusa: Google Analytics – Universal Analytics

Nyomon követés típusa: Oldalmegtekintések

Követési azonosító: {{Google Analytics Követőazonosító}}

További beállítások >

E-keresekedelem: Mi ezt a funkciót nem használjuk, de, ha nagy szükséged van rá, akkor lehet Igaz. Viszont érdemes majd megvizsgálni a Google Analyticsben, hogy nem tartalmaz-e személyes adatokat. Például a megrendelési azonosító is már személyes adatnak minősül, mert visszavezethető egy konkrét személyhez.

Hirdetés: Mi ezt a funkciót sem használjuk aktívan. Ha te használod, akkor a legszakszerűbb az lenne, ha ez akkor aktiválódna, ha a marketing cookie-kat is engedélyezi a felhasználó. Ezt úgy tudod beállítani, hogy csinálsz egy újabb GA címkét, amiben már ezt is engedélyezed. És ott az aktiválási szabálynál azt állítod be, amelyik akkor aktiválódik, ha engedélyezte a látogató a marketing sütiket is.

> Domainek közöti követés > Hash használata: Hamis; Űrlapok díszítése > Hamis

> Speciális konfiguráció > Hibakereső verzió használata: Hamis; Továbbfejlesztett linkhozzájárulás: Hamis; Követő nevének a beállítása: Hamis

Aktiválási szabály:

Cookeibot- Statisztikával kapcsolatos cookiek aktiválása

VAGY

Cookiebot- Marketinggel kapcsolatos cookei-k aktiválása

Facebook pixel kód beállítása:

Videó ide kapcsolódó részlete:

Egyéni HTML címke:

HTML részbe bemásolod a FB-ból a pixelkódot

Aktiválási szabály: cookiebot- Marketinggel kapcsolatos cookie-k aktiválása

PII (Személyes adatok) törlése az URL-ből és címekből:

Videó ide kapcsolódó része:

Egyéni HTML

Az alábbi kódot másold be a HTML részhez: KATTINST IDE, HOGY ELÉRD A KÓDOT.

Aktiválási szabály: All pages

Ezennel megvagyunk a Tag Manager kódokkal. Ellenőrizni úgy tudod a beállításokat, hogy megnyitsz egy olyan böngészőt, amit nem szoktál aktívan használni. Itt törlöd a böngésző előzményeit és a cookie-kat. Ezt követően megnyitod az oldalad.

Ha Firefoxban nyitod meg, akkor jobb egérgomb > Elem vizsgálat > és a felugró ablakban kattints a „Tároló” feliratra, majd jobb oldalon a sütikre.

Itt nézd meg, hogy mi változik, ha bepipálod a beállítások sütikategóriát, majd frissíted az oldalt. Nézd meg, hogy mi változik, ha a statisztikai cookie-kat is elfogadod, illetve a marketing sütiket.

Az UTM paraméteres személyes adatok titkosítását úgy tudod leellenőrizni, ha leteszteled élesben.

Pl.: www.sajatoldalad.hu/megrendeles/?email=teszt@teszt.hu&kernev=Tesztkeresztnév

YouTube videók beillesztése

Videó ide kapcsolódó része:

Sajnos a YouTube videók, ha egyszerűen csak be vanna ágyazva az oldaladra, akkor már az oldal betöltésekor leteszik a maguk kis sütijüket.

Annak érdekében, hogy ezt elkerüljük, 2 megoldásunk van:

#1 megoldás: legegyszerűbb

Amikor YouTube videót ágyazol be, akkor a következőképpen járj el:

Az adott aloldalra pedig úgy illeszd be az imént kimásolt kódot, hogy valamilyen code block-ba illeszd be. Ha Avadát használsz, akkor a Code Block element lesz a segítségedre. Ha Divi sablont, akkor <> Kód modult érdemes használnod.

Ezzel a beágyazási móddal még akkor sem fog sütit betölteni a YouTube, ha a látogató lejátssza a videót.

Nem tudjuk biztosan, hogy ez a módszer hosszú távon megfelelően gyűjti-e a statisztikákat, így van egy másik mód, amivel még próbálkozhatsz:

#2 megoldás: haladóbb

Illeszd be az alábbi kódot a videót tartalmazó aloldalad Footer részébe: KATTINTS IDE, HOGY ELÉRD A KÓDOT!  (Legegyszerűbben a HiFi plugin használatával tudod beilleszteni.)

Ezt követően be kell tenni arra a helyre az alábbi kódot, ahova a videót szeretnéd beágyazni.

Ha Avada sablon használsz, akkor egy Code Block elementtel, ha mást, akkor az adott sablon kód beillesztésére szolgáló elementjét használd. A kódba írd be a beágyazni kívánt YT videó ID-ját, a „YouTube videó ID-jának helye” részhez.

Magát az ID-t úgy találod meg, hogy a YT-on a videóra jobb egérgombbal kattintasz, majd kimásolod a videó URL-jét. Ebből pedig a https://youtu.be/ utáni rész kell!

Összefoglalás:

Ezek tehát azok a teendők, amiket, ha elvégzel akkor már egy óriási lépést tettél előre a GDPR szabályainak betartását illetően. Legjobb tudásunk szerint írtuk meg ezt a cikket, viszont előfordulhat, hogy valami változott, vagy valamit még a mi oldalunkon is be kell állítani. Ha van új információnk, akkor a cikket frissíteni fogjuk vele.

2018.08.07-én ezek azok a technikai dolgok, amiket tudunk a GDPR barát cookie kezelésről.

Bízom benne, hogy sikerült érthetően leírni az egyes feladatokat, lépéseket és Neked is sikerülni fog megvalósítani a fentebb leírtakat. Ehhez kívánok neked sok sikert és kitartást! 🙂

Köszönet a JabJab Online Marketing csapatának, hogy készítettek egy videót a Google Analytics-hez kapcsolódó GDPR változásokról. Nagyon hasznos volt a mi rendszerünk elkészítésekor.

Az UTM paraméterek titkosításával kapcsolatban pedig nagyon hasznos volt számunkra Sam Nemzer cikke.

2018-10-04T13:31:45+00:00

A szerzőről:

Hello- szia, Gots Balázs vagyok az Online Katapult technikai munkatársa. Az írásaimmal az a célom, hogy a bonyolultabb technikai beállításokból IKEA szerelési útmutató szerű írásokat készítsek Neked, tehát könnyen fogyasztható, érthető köntösbe bújtassam az elsőre ijesztő tech. leírásokat. Abban bízom, hogy időt takarítok meg neked azzal, hogy mindent logikusan, gyakorlatiasan, jól szemléltetve tálalok. Ha ez esetleg mégsem sikerült ebben az írásomban, akkor írj emailt a gots.balazs@onlinekatapult.hu e-mail címre, igyekszem mielőbb válaszolni!