Jak optimálně naimplementovat Google Tag Manager, pracovat s událostmi v GTM, pracovat s dataLayer, naimplementovat Enhanced Ecommerce přes GTM a správně nahodit dynamický retargeting. Prezentace spíš shrnuje naše best practices než by měla být dogmatickým návodem.
4. O čem to dneska bude?
Co to je?
Jak správně naimplementovat?
Tipy na užitečné tagy, proměnné a triggery?
Jak pracovat s událostmi?
Jak využít GTM pro testování a opravy webu
Jak využít GTM pro implementaci GDPR
5. Co to je?
Systém pro správu značek (většinou
marketingových) - spojovací prvek
mezi marketérem, analytikem,
vývojářem
Teorie: Vývojář má méně práce,
marketér/analytik větší flexibilitu
7. Osvědčila se mi implementace
Hezky vysvětleno na
https://www.simoaha
va.com/analytics/dat
a-layer/
Marketér/analytik má
vždy vše v
dataLayeru.
8. O DataLayer se musíte starat!
Když do dataLayeru
něco pošlete, bude to
tam, dokud to nezměníte
nebo neobnovíte stránku.
Např. můžete
dataLayer.push({
'pouzity_klic' : undefined
});
11. Značky (tags) – chybí některé podstatné značky, takže custom html
Není tam Facebook, Sklik, AdForm, iBillboards, affiliate
programy, srovnáče, Smartsupp
Takže řešení přes custom HTML, kde je možné cokoliv
– nejvíce konfliktů
Pokud chce firma tag v
GTM, musí být tag vendor.
Tagy je možné na webu
blacklistovat.
12. Custom HTML tag - haleluuja
Adhoc oprava chyb
Korporát
Testování
Chytré skripty - počasí, používání blockerů,
využívání anonymního okna, GDPR opatření
Vlastní posluchače
● Copy posluchač
● Skórování uživatelů (if tato událost, pak dej skóre)
● Posluchač práce s formuláři nebo jakýmikoliv prvky
16. Výsledek JS error triggeru v GA
Následně zkoumám jaká stránka, jaké zařízení, jaký browser
17. Limitace vestavěných triggerů
● Posluchač kliknutí nefunguje, pokud kliknete otevřít v novém okně nebo
pravým tlačítkem.
● Posluchač odeslání formuláře funguje defacto pouze na formy, které způsobí
reload stránky
● Posluchače kliknutí a odeslání formuláře jsou závislé na povoleném event.
progation (tip – je možné místo return false nebo e.stopprogation a místo dát
jenom preventDefault – více https://www.simoahava.com/gtm-tips/fix-
problems-with-gtm-listeners/
● Vždy je nutné pořádně testovat
● Jistotou jsou pouze správně nastavené události
18. Nejčastější nastavení - události
dataLayer.push({
'event':'nazev', // nebo i univerzální gaevent
'eventCategory': 'KATEGORIE',
'eventAction': 'AKCE',
'eventLabel': 'ŠTÍTEK',
'eventValue': HODNOTA,
'eventNonInteraction': true, // má událost zrušit bounce
rate? default je false
'eventCallback': function() {
// zde se musí přesměrovat nebo stát jiná akce
},
'eventTimeout': 1000
});
// tučně je bez čeho by to nefungovalo, ostatní volitelné, ale
vhodné
19. Alternativa – využít atributy a posluchač
https://jsfiddle.net/michalmarketingmakers/u4a0mqkr/2/ - easy
příklad pro kliknutí
20. Užitečné vlastní události
Cokoliv považujeme za žádoucí nebo nežádoucí
Formuláře – interakce a odeslání
404 error
User login
Registrace
Copy, změna okna, hover nad telefonem atd.
23. Enhanced Ecommerce
Rozšířený elektronický obchod
Zde pracujete s ecommerce objektem
Doporučuji všechno posílat jako událost od impression,
productClick, detail až po purchase – nespoléhat na to, že si
to GA tag vezme při svém načtení.
Takto získáte skvělou kontrolu a navíc můžete data v
případě potřeby upravovat.
24. Dynamický retargeting Google, Facebook atd.
Google i FB ve všech typech retargetingu chce produkty posílat jako
pole.
a) Je možné scrapovat pomocí vlastní proměnné z Enhanced
Ecommerce
b) vývojář pushne produkty jako ['product1', 'product2', 'product3‘]
c) Pagetype je možné vytvořit pomocí regex table nebo je zaslán – liší
se u českého rtgt (retail), slovenského (custom), vzdělávání (edu)
nebo FB.
<script>dataLayer.push({ 'google_tag_params': {
'ecomm_prodid': ['24','454'], 'ecomm_pagetype: 'checkout' }
});</script>
29. GDPR - HitTimestamp
Řešení od Simo Ahavy -
https://www.simoahava.com/analytics/improve-data-
collection-with-four-custom-dimensions/
Výsledek: 2015-04-03T18:55:27.466+03:00
30. GDPR – I cookie lištu si můžete nasadit přes GTM
Hezké řešení -
https://cookieconsent.insites
.com/download/
Jenom bych doporučil uložit
k sobě – nevíte, jak se to
bude měnit (a pozor na
problémy v IE 11 -
https://github.com/insites/c
ookieconsent/issues/326)
Co je Google Tag Manager? - systém pro správu značek - spojovací prvek mezi marketérem, analytikem, vývojářem
Vývojář - méně práce, Marketér - větší flexibilita
Realita - často nepořádek
Vývojář - nemá kontrolu, marketér může nasadit cokoliv, může spustit měřící tagy ještě před načtením obsahu
Marketér - často nemá od vývojáře správně vytvořený dataLayer, takže dělá různé kompromisy
Ideální implementace
deklarace datové vrstvy
první push
kód GTM
další pushe
udržovaný dataLayer - už něco nepotřebuji, odeberu to
Jelikož například u sledování událostí, když jedna událost má label a další ne, tak byste si tam toto pořád vedli.
Hlavně u enhanced ecommerce – práce s produkty – mazat - https://www.simoahava.com/gtm-tips/remember-to-flush-unused-data-layer-variables/
Rekordman si přes custom html načetl i jQuery knihovnu.
gtm - whitelist and blacklist - https://developers.google.com/tag-manager/devguide#security
Oprava chyb - např. nemáte zatím přístupy a řešili jsme překlep ze slevy 15 % na 5 %
Korporát - česká pobočka neměla přístup k webu, ale mohla cokoliv dělat v GTM
Testování - optimize, jakýkoliv javascript, vývoj CSS, když web spravuje jiná společnost
Více k: Custom JavaScript, DataLayer Variable (zanořování), GA Settings, Lookup Table, RegEx table
Custom event
Custom event
A ještě mohu testovat jestli je GTM na stránce
A ještě mohu testovat jestli je GTM na stránce
Ehnanced ecommerce je možné dát i na neshopový projekt
Anonymizeip – vždy máme na true – ale šlo by I vázat na souhlas
Doporučuji na true a false vracet return true; return false
allowAdFeatures je lookup table
Těch IP adres můžou být i desítky
Pomůže vám to zjistit, co dělají interní uživatelé na webu – například to, co nemůžou nalézt na intranetu – kontaktní údaje často interní uživatelé hledají na veřejném webu, jelikož je zpravidla více user friendly než intranet
Vylučujete nebo zahrnujete vlastní dimenzi
EU cookie je proměnná 1st party cookie – někdo klikne na a podle ní se následně
Pokud je souhlas poskytnut, tak spustíme retargetingové tagy a allowGAFeatures
Výhodou je, že se to dá takto nasadit na desítky webů
Vždy se hodí vědět, kdy přesně nastala nějaká důležitá akce
A za druhé dokážeme přesně říci, kdy dal uživatel souhlas s používáním cookies
Vždy se hodí vědět, kdy přesně nastala nějaká důležitá akce
A za druhé dokážeme přesně říci, kdy dal uživatel souhlas s používáním cookies
Vždy se hodí vědět, kdy přesně nastala nějaká důležitá akce
A za druhé dokážeme přesně říci, kdy dal uživatel souhlas s používáním cookies
Vždy se hodí vědět, kdy přesně nastala nějaká důležitá akce
A za druhé dokážeme přesně říci, kdy dal uživatel souhlas s používáním cookies