Naše služby

digitálního marketingu

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

Michal Blažek

Proč?

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
• 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)

GOOGLE TAG MANAGER�CO VŠICHNI ZNÁME

Jak GTM používáte

• 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

​

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

Trigger: Zobrazení chyby

​

​

Trigger: Zobrazení chyby

​

​

Trigger: Zobrazení chyby

​

​

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

​

​

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

​

​

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

​

​

K čemu ještě použít visibility trigger

• 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

​

CSS selektory

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

​

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

Formuláře

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-google-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):�

​

Jak toto funguje? Posluchače událostí

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:

�

​

Posluchač kopírování na webu

Hodně dobré na B2B webech

�

​

Ani vývojář není neomylný

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

​

�

​

Čistý JavaScript vs. jQuery

V minulém příkladě jsem použil knihovnu jQuery, která má extrémně jednoduchou syntaxi:

​

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á.

RIZIKA�A JAK JIM PŘEDEJÍT

Ideální stav - kombinace práce vývojáře a vaše

• 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

​

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

​

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ŠÍ ČTENÍ�

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-case-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

MÁTE JAKÉKOLIV�OTÁZKY?

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

YOU GIVE DATA

WE GET RESULTS