�ݺ�ߣ

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

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č?

GOOGLE TAG MANAGER
CO VŠICHNI ZNÁME

● 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

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

Zobrazení chyby na webu (Element Visibility)

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

● 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

● 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

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

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

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

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í

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

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

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

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

RIZIKA
A JAK JIM ��Ř��ٷ��Í��

● 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ě konﬂiktu 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

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

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

TIPY NA DALŠÍ Č�շ��Í

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

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-hotﬁx-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

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

�ݺ�ߣ

Jak může PPCéčkař zastoupit programátora

Recommended

More Related Content

What's hot (20)

Similar to Jak může PPCéčkař zastoupit programátora (20)

More from Michal Blažek (18)

Jak může PPCéčkař zastoupit programátora