Your SlideShare is downloading. ×
  • Like
  • Save
Google Tag Manager - A kezdetektől a biztonsági kérdésekig
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Google Tag Manager - A kezdetektől a biztonsági kérdésekig

  • 254 views
Published

A Google Tag Manager a Google egy nem túl régi, ingyenes eszköze, amely segíthet abban, hogy a marketinges kevésbé legyen fejlesztő és a fejlesztő kevésbé marketinges. …

A Google Tag Manager a Google egy nem túl régi, ingyenes eszköze, amely segíthet abban, hogy a marketinges kevésbé legyen fejlesztő és a fejlesztő kevésbé marketinges.

A prezentáció az alapoktól viszi el az Olvasót a haladóbb megoldások vázolásáig, majd fontos biztonsági kérdésekre világít rá.

Published in Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
254
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
2
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Google Tag Manager AZ ALAPOKTÓL A BIZTONSÁGI KÉRDÉSEKIG @duracelltomi linkedin.com/in/duracelltomi tagmanager.hu GEIGER TAMÁS
  • 2. Miről lesz szó?  Röviden a weboldal kódok fejlődéséről  A Tag Manager és az IT csapat  A Tag Manager alapvető működése  Alapfogalmak: címkék, szabályok, makrók  Haladó eszközök: az adatréteg  Biztonsági kérdések 2
  • 3. Röviden a weboldal kódok fejlődéséről 3
  • 4. 4
  • 5.  „Egy gyűrű kód mindenek felett”  Aszinkron kódbetöltés  Nem kell ismerni az API-t 5
  • 6. A Tag Manager és az IT csapat 6
  • 7. Nem megkerülni, segíteni! Alapvető tévedés a Tag Managerrel kapcsolatban, hogy segítségével megkerülhető vagy kivonható a folyamatból az IT csapat 7
  • 8. A Tag Manager alapvető működése TÁROLÓK, VERZIÓK, VÁZLATOK 8
  • 9. 1. verzió 2. verzió 3. verzió 4. verzió Tároló (Container: weboldal, weboldal részleg, mobil alkalmazás) 3. verzió Vázlat (Draft) 9
  • 10. Verzió Címke (tag) Szabály (rule: megjelenítő vagy blokkoló) Makrók (macro: változók, paraméterek) 10
  • 11. Alapvető címkék  Google Analytics (Universal Analytics)  Google AdWords (konverzió és remarketing)  DoubleClick címkék  comScore  Custom Image Tag (pl. Etargethez)  Custom HTML (biztonsági kérdések később) 11
  • 12. Google Analytics alap címke UA-NNNNN-NN Szabály: minden oldalon Google Analytics e-kereskedelmi címke UA-NNNNN-NN Szabály: URL = /koszonom.html Tranzakció adatai Termék(ek) adatai MAKRÓ: UA-NNNNN-NN 12
  • 13. Google Analytics alap címke {{GA ID}} Szabály: minden oldalon Google Analytics e-kereskedelmi címke {{GA ID}} Szabály: URL = /koszonom.html Tranzakció adatai Termék(ek) adatai MAKRÓ Név: GA ID Érték: UA-NNNNN-NN 13
  • 14. Alapvető makrók  Konstans szöveg  URL  {{url}} contains ’/koszonjuk.html’  Referrer  Random number  Pl. custom Image címke URL-jébe  DOM szöveg  DOM attribútum  JavaScript változó  … 14
  • 15. Az adatréteg (dataLayer) KOMMUNIKÁCIÓ A TÁROLÓVAL 15
  • 16. Weboldal Adatréteg logged-in  no ismobile  yes adat #3  érték #3 adat #4  érték #4 … Google Tag Manager Adatréteg makró Címkék Szabályok 16
  • 17. Bármilyen adatot át lehet adni  … ami nem tartalmaz személyes adatot  Több lépéses folyamatok azonos URL-eken: lépés neve  Megjelenített tartalom címe  … közlési dátuma  … kategóriája  Megjelenítő böngésző adatai  Megjelenítő eszköz adatai (WhichBrowser)  … bármi 17
  • 18. Érdemes a <head> részben létrehozni JSON formátum: <html> <head> … <script> var dataLayer = [{ ’változó1’ : ’érték1’, ’változó2’ : ’érték2’ }]; </script> </head> <body> … </body> 18
  • 19. Tag Manager események dataLayer.push({ ’event’ : ’esemény neve’, ’további adat1’ : ’további érték1’, ’további adat2’ : ’további érték2’ }); 19
  • 20. Tag Manager események  Szabály létrehozásánál speciális makró: {{event}}  A címke így nem (adott) oldal betöltődésekor aktiválódik  Lehet kattintás valamire  Lehet esemény adott pillanatban  Lehet beágyazott YouTube videó eseménye  Lehet bármi, ami az oldal betöltése után történik az oldalon 20
  • 21. Az adatréteg tartalma az oldal betöltése után  Ha nem hozzuk létre, akkor magától létrejön az adatréteg változó  gtm.js: tároló betöltése után  gtm.dom: amikor a DOM készen áll  gtm.load  window.onload 21
  • 22. A Tag Manager és a biztonság 22
  • 23. Google Analytics fiók esetében  Ha kompromittálódik egy Google account  Alapvetően látogatottsági adatok kerülnek ki (nem jó, de nem is a világvége)  Advanced felhasználás esetén bevételi adatok, rosszabb esetben profit adatok (na ez már gond)  Kampányok eredményei 23
  • 24. Google Tag Manager fiók esetén  Ha kompromittálódik egy Google account (és az teljes hozzáféréssel rendelkezik)  Elhelyezhető a weboldalba olyan kód, ami csendben követi a látogatókat (Custom HTML Tag)  Saját JavaScript kód illeszthető be a weboldalba anélkül, hogy az oldal forrásához hozzáférésünk volna (Custom JavaScript Tag) 24
  • 25. Hozzáférési szintek  Fiók szinten  View only: alapból egyik tárolót se látja  egyenként kell a tárolókat engedélyezni  View, edit, manage: minden tárolót lát minimum view joggal  Tárolónál  No access: az adott tárolóhoz nincs hozzáférése  View only: mindent lát az adott tárolóban, de semmi más  View and edit: minden lát, új elemet vehet fel, meglévőket módosíthat, de nem élesíthet (publikálhat) új tároló verziót  View, edit, delete, publish: +törölhet bármit és kezelheti a verziókat (full access) 25
  • 26. Kétlépcsős azonosítás  A normál felhasználói név+jelszó megadása után a rendszer egy további kódot kér, amelyet üzenetben, telefonhívás útján vagy a mobilalkalmazásuk által kaphatunk meg  Bejelentkezés közben megadható, hogy a rendszer többé ne kérdezze meg a kódot az adott számítógépen  Jelenleg nem kényszeríthető ki egy tároló felhasználóitól (de tervezik) 26
  • 27. Blacklist/whitelist  Az adatrétegben tiltható bizonyos címkék és makrók futása akkor is, ha azokat az aktuális tároló tartalmaz  A tiltás mellett/helyett engedélyezés is lehetséges  Óvatosan kell ezzel bánni, főleg a makrók tiltásánál, mert egy letiltott makró blokkolhatja azon címkéket, ahol az használva van 27
  • 28. Blacklist/whitelist dataLayer.push({ ’gtm.whitelist’: [’<ID>’, ’ <ID>’], ’gtm.blacklist’: [’<ID>’, ’ <ID>’] }); 28
  • 29. Rendszeres felülvizsgálat  Jelenleg nincs a felülethez API  Nincs értesítés új verziók publikálásáról  Egy lehetséges megoldás az aktuális tárolót rendszeresen letölteni és hash-el ellenőrizni, változott-e 29
  • 30. Záró gondolatok 30
  • 31. Záró gondolatok  Fontos a biztonság, de ennek megfelelő szabályozása csak a 0. lépés  A cél lehetőleg kerülni az egyéni JavaScript és egyéni HTML elemeket  Minden fontos weboldal elemen legyen egyedi ID  <a href=”#” id=”elementid”>  Előre meg kell tervezni az adatréteget  Milyen információkra lehet szükség az egyes címkék implementálásához?  Nehéz kérdés, biztosan kell később módosítás, ahogy változnak a technikai lehetőségek és az üzleti célok 31
  • 32. Köszönöm! Kérdések? @duracelltomi linkedin.com/in/duracelltomi tagmanager.hu GEIGER TAMÁS