�ݺ�ߣ

Google Tag Manager pro vývojáře
@blazekmichal

Google Tag Manager pro vývojáře

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

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

Praxe – takto to často dopadá

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.

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
});

Značky (tags)
Není nutné řešit updates
a spousta dalších, ale…

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.

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

Vybrané proměnné - podrobněji
GA settings – slide 26

Vestavěné triggery
Ale jsou tu limitace…

Výsledek JS error triggeru v GA
Následně zkoumám jaká stránka, jaké zařízení, jaký browser

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

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é

Alternativa – využít atributy a posluchač
https://jsfiddle.net/michalmarketingmakers/u4a0mqkr/2/ - easy
příklad pro kliknutí

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.

Enhanced Ecommerce
https://develo
pers.google.co
m/tag-
manager/enha
nced-
ecommerce

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.

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>

Debugging – preview mode GTM a GA debug

GDPR - GA settings tag v Google Tag Manager

GDPR - – AnonymizeIp true
function ipadresauzivatele () {
$ip = $_SERVER['REMOTE_ADDR'];
if ($ip == „“195.555.555.1" || $ip == „“195.555.575.14" || $ip
== "83.157.211.22" ) { echo '<script>dataLayer.push({ "userip": "in"
})</script>'; } else { echo '<script>dataLayer.push({ "userip":
"out" })</script>'; }
}
add_action( 'wp_footer', 'ipadresauzivatele' );

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

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)

GDPR – Opt-in nebo opt-out
Více

GDPR - Opt-in nebo opt-out
Další informace v cookie liště - V B2C prokliklo 0,16 %, v B2B
0,57 %.

Další zdroje
● https://www.simoahava.com/analytics/data-layer/
● https://stackoverflow.com/questions/34212960/how-to-properly-use-datalayer-push-to-
update-values-of-nested-objects-in-an
● https://www.simoahava.com/gtm-tips/use-eventtimeout-eventcallback/
● https://www.simoahava.com/gtm-tips/track-javascript-errors-events/
● https://www.simoahava.com/gtm-tips/gtm-container-snippet-in-the-head/
● https://www.simoahava.com/gtm-tips/remember-to-flush-unused-data-layer-variables/
● https://chrome.google.com/webstore/detail/gtm-
sonar/iiihoahkpncaheicjfemhjkkfamcahcd?hl=en - GTM sonar
● https://javascript.info/bubbling-and-capturing
● https://www.lunametrics.com/blog/2017/11/02/find-personally-identifiable-data-google-
analytics/
● https://www.privacyshield.gov/welcome
● https://marketingmakers.net/gdpr-pro-ppc-analytiku-a-automatizaci-8-praktickych-
doporuceni-pro-nase-klienty/ a https://marketingmakers.net/cookies-a-gdpr-vyjadreni-
uoou-a-dalsi-doporuceni-pro-nase-klienty/

Marketing Makers - “Co nemůžete změřit, raději nikdy nedělejte!
Prezentaci vypracoval: Michal Blažek
michal@marketingmakers.net, 728 729 312
Twitter: blazkmichal
Marketing Makers s.r.o., Domažlická 1053/15, 130 00 Praha 3 - Žižkov,
IČ: 04174836, DIČ: CZ04174836
MarketingMakers.net | Facebook | Twitter: MarketingMakers

�ݺ�ߣ

Google Tag Manager pro vývojáře

Recommended

More Related Content

Similar to Google Tag Manager pro vývojáře (20)

More from Michal Blažek (14)

Google Tag Manager pro vývojáře

Editor's Notes