Successfully reported this slideshow.

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

0

Share

1 of 33
1 of 33

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

0

Share

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/

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/

More Related Content

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

  1. 1. Naše služby digitálního marketingu Jak může PPCéčkař zastoupit programátora Michal Blažek
  2. 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. 3. GOOGLE TAG MANAGER CO VŠICHNI ZNÁME
  4. 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. 5. GOOGLE TAG MANAGER CO MOŽNÁ JEŠTĚ NEPOUŽÍVÁTE
  6. 6. Zobrazení chyby na webu (Element Visibility)
  7. 7. Zobrazení chyby
  8. 8. Trigger: Zobrazení chyby
  9. 9. Trigger: Scrollování dle sekcí stránky
  10. 10. Trigger: Scrollování dle sekcí stránky
  11. 11. Trigger: Scrollování dle sekcí stránky
  12. 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. 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. 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. 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. 16. Vytvořte si událost a trigger (využijte naplno dataLayer): Formuláře
  17. 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. 18. Hodně dobré na B2B webech Posluchač kopírování na webu
  19. 19. Vyhledávání na webu, kde není stránka s vyhledáváním
  20. 20. Vyhledávání na webu, kde není stránka s vyhledáváním
  21. 21. Vyhledávání na webu, kde není stránka s vyhledáváním
  22. 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. 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. 24. RIZIKA A JAK JIM PŘEDEJÍT
  25. 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. 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. 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. 28. TIPY NA DALŠÍ ČTENÍ
  29. 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. 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. 31. MÁTE JAKÉKOLIV OTÁZKY?
  32. 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. 33. YOU GIVE DATA WE GET RESULTS

×