Ne vždy máte k dispozici programátora nebo by bylo časově/finančně výhodné s ním analytiku řešit. Jde to i bez něj. Zde najdete několik triků. Určitě nás můžete i kontaktovat v případě dotazů: https://marketingmakers.net/webova-analytika/

1. Naše služby
digitálního marketingu
Jak může PPCéčkař
zastoupit programátora
Michal Blažek

2. Protože:
● Vývojáři nestíhají
● (dočasně) neexistují
● Nejste pro vývojáře priorita
● Nedokážete se domluvit
● Bylo by to drahé
● Trvalo by to věky/start projektu včera
● Chcete s analytikou experimentovat, dočasně měřit nějaké věci
● Chcete mít nad analytikou kontrolu
● Nejde to - těžký korporát
● (na konci si ještě zmíníme ideální stav a rizika této implementace)
Proč?

3. GOOGLE TAG MANAGER
CO VŠICHNI ZNÁME

4. ● Základní analytické a marketingové tagy
● Čtení toho, co je v dataLayeru
● Použití link click triggerů na měření kliknutí na odkaz, mail, telefon, externí odkaz
● Použití click triggeru pro měření kliknutí na něco, co není odkaz
● Scrollování
● Přehrání YouTube videí s video triggerem
Jak GTM používáte

5. GOOGLE TAG MANAGER
CO MOŽNÁ JEŠTĚ
NEPOUŽÍVÁTE

6. Zobrazení chyby na webu (Element Visibility)

7. Zobrazení chyby

8. Trigger: Zobrazení chyby

9. Trigger: Scrollování dle sekcí stránky

10. Trigger: Scrollování dle sekcí stránky

11. Trigger: Scrollování dle sekcí stránky

12. ● Odeslání formuláře bez děkovací stránky - sleduji thank you zprávu (pozor, na
odlišení chybové zprávy a děkovací)
● Interakce s ceníkem nebo něčím co se zobrazuje a skrývá
● Měření zobrazení menu, pokud se nezobrazuje kliknutí
● Chyby ve formulářích
K čemu ještě použít visibility trigger

13. ● https:/
/www.w3schools.com/cssref/css_selectors.asp
● Pomocí CSS selektoru je možné si sáhnout na jakýkoliv prvek na stránce
CSS selektory

14. Co opravdu je Google Tag Manager?
Google Tag Manager kontejner (chytrý JavaScript vložený na web)
Tagy ze základní nabídky
Tagy vytvořené ze šablony z
Google Template Gallery
Skoro jakékoliv HTML, CSS,
JavaScript, obrázek
Vy (PPCéčkař / analytik)
Web
Vývojář
dataLayer

15. 1. Snažte se zjistit, co je to za formulář a jestli má dokumentaci
2. Najděte řešení “measure form submission contact form 7”, např.
https:/
/www.analyticsmania.com/post/contact-form-7-event-tracking-with-go
ogle-tag-manager/ (všimněte si posílám dataLayer z GTM a funguje)
Formuláře

16. Vytvořte si událost a trigger (využijte naplno dataLayer):
Formuláře

17. Vše, úplně vše až na naprosté výjimky, co se děje na stránce je možné zjistit pomocí
posluchačů událostí - https:/
/www.w3schools.com/jsref/dom_obj_event.asp:
Jak toto funguje? Posluchače událostí

18. Hodně dobré na B2B webech
Posluchač kopírování na webu

19. Vyhledávání na webu, kde není stránka s vyhledáváním

20. Vyhledávání na webu, kde není stránka s vyhledáváním

21. Vyhledávání na webu, kde není stránka s vyhledáváním

22. Chceme měřit kliknutí na tlačítko. Vývojář dal do svého zdrojového kódu toto:
Ani vývojář není neomylný

23. V minulém příkladě jsem použil knihovnu jQuery, která má extrémně jednoduchou
syntaxy:
jQuery(element).název události(function() { co se má stát });
Dle w3techs.com, jQuery využívá 94.8 % webů. Ostatní výzkumy uvádí mezi 70 - 95 %.
● Novější výzkumy uvádí méně, jelikož je tato knihovna na ústupu, hlavně z důvodu
problémů s výkonem.
● Vždy dávejte svůj posluchač založený na jQuery až na Page Load a buďte si jistí,
že web jQuery má.
Čistý JavaScript vs. jQuery

24. RIZIKA
A JAK JIM PŘEDEJÍT

25. ● Vývojář nastaví kritické konverze a zdokumentuje kódy (takže vám je nesmaže
při dalším updatu)
● Vývojář má k dispozici vaše požadavky na nasazení GTM a datovou vrstvu v
přehledné podobě (ideálně jako manuál v Google Sheet, nejen link na podporu)
● Vývojář o všem, co nastavíte v GTM, ví a informuje vás o změnách na webu,
● Vývojář má přístupy do GTM a dokáže v případě konfliktu vrátit verzi/udělat
opravu
● Vývojář chápe, že tím, co děláte, mu šetříte čas, nechcete mu zasahovat do
práce, ani ho o ni připravit
● Vývojář chápe, že vaše práce je pro klienta důležitá a že nejste další prudič, co po
něm jenom něco chce
Ideální stav - kombinace práce vývojáře a vaše

26. Monster faily, co jsem řešil v GTM
● V tagu zůstal text, který se propsal na web
● Přes GTM byly nasazeny nejen analytické, ale i skripty sloužící pro běh webu
● JS posluchač zblokoval funkcionalitu webu na některých prohlížečích
● Špatně nastavený tag vygeneroval statisíce událostí v GA
● JS error v cookie liště způsobil nulová data v účtu
● Špatně nastavené skripty způsobily extrémní zpomalení webu
● Vývojář nevěděl o tom, že přes GTM běží experiment a strávil několik hodin hledáním
chyby ve svém kódu
● Posluchač odeslání formuláře přestal fungovat kvůli aktualizaci modulu formuláře
● Analytika padla při každém updatu webu
● React/Angular/Vue a další JS frameworky na webech - nerozbijte to

27. Rizika a jak jim předejít
● Testujte, testujte, testujte - vždy desktop i mobil
● Kontrolujte data, co se ukládají do GTM a ověřujte se skutečností
● Kontrolujte konzoli, jestli tam nemáte chyby související s analytikou
● Testujte i periodicky - vývojář může stránku změnit
● Dokumentujte
● Pozor abyste si např. při měření formulářů nebo kopírování neuložili osobní data

28. TIPY NA DALŠÍ ČTENÍ

29. Co se dá dál dělat v GTM
Cookie lišta přes GTM - stabilní např. s
https:/
/orestbida.com/demo-projects/cookieconsent/, některé cookie lišty mají i
hotovou šablonu jako Cookiebot
Google Tag Manager pro vývojáře - osvětlení pro vývojáře, jak mohou využít GTM k
zjednodušení své práce a jak se vyvarovat chyb v dataLayeru (2018) -
https:/
/www.slideshare.net/blazekm/google-tag-manager-pro-vvoje
Základy JavaScriptu v GTM (2017) -
https:/
/www.slideshare.net/blazekm/javascript-v-gtm-measure-camp-brno-2017

30. Co se dá dál dělat v GTM
Případová studie - nasazení ecommerce bez vývojáře + oprava chyb na webu -
https:/
/www.michalblazek.cz/webova-analytika/pomoci-gtm-zastoupit-vyvojare-ca
se-study-ecommerce-hotfix-b2c
Studie využívá faktu, že vše na stránce je možné JavaScriptem přečíst, využít a v
případě potřeby i změnit
CSS selektory - https:/
/www.w3schools.com/cssref/css_selectors.asp
JavaScript posluchače

31. MÁTE JAKÉKOLIV
OTÁZKY?

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

33. YOU GIVE DATA
WE GET RESULTS