Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Poslední středa - Webová analytika na javascriptových a jiných moderních webech - Mirek Pecka

1,740 views

Published on

Oblíbená webová řešení, od jednostránkových webů až po tzv. SPA - single-page aplikace, naráží na všelijaká úskalí jak z pohledu SEO, tak při nastavování webové analytiky. Jak ošetřit, aby vaše web analytics a (re)marketingové kódy sbíraly relevantní data?

Nebudeme procházet kódy a skripty, ale hlavní oříšky, na které si jako zadavatelé nebo projektoví manažeři musíte při tvorbě webů dát pozor.

Published in: Marketing
  • Be the first to comment

  • Be the first to like this

Poslední středa - Webová analytika na javascriptových a jiných moderních webech - Mirek Pecka

  1. 1. JAK SI NEROZBÍT MĚŘENÍ NA MODERNÍM WEBU? #pstreda Poslední středa | 29. 11. 2017 @mpecka h1.cz miroslavpecka.czMIROSLAV PECKA
  2. 2. COPY & PASTE #pstreda @mpecka GOOGLE ANALYTICS <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google- analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics -->
  3. 3. 2 Jednostránkové weby 1 Postupné donačítání stránky 3 Záložky na webu 4 Modální okna (lightboxy) 5 Weby postavené „na javascriptu“ POZOR, KDYŽ UVIDÍTE... Kdy vám základní měřicí kódy nebudou stačit? #pstreda @mpecka
  4. 4. CO BUDE ŠPATNĚ? Které údaje budou zavádějící nebo budou zcela chybět? Chybějící zobrazení některých stránek Počet stránek/návštěva Částečně nefunkční dynamický remarketing #pstreda @mpecka Míra okamžitého opuštění (bounce rate) Průměrná délka návštěvy
  5. 5. 1) POSTUPNÉ NAČÍTÁNÍ STRÁNKY #pstreda @mpecka
  6. 6. Zdroj: Kosik.cz
  7. 7. 2) JEDNOSTRÁNKOVÉ WEBY #pstreda @mpecka
  8. 8. Zdroj: CopyCamp.cz #misto-konani #program #o-konferenci #faq #partneri #kontakt
  9. 9. 3) ZÁLOŽKY NA STRÁNCE #pstreda @mpecka
  10. 10. Zdroj: Alza.cz, Generali.cz
  11. 11. 4) MODÁLNÍ OKNA (LIGHTBOXY) #pstreda @mpecka
  12. 12. Zdroj: Zfarmydomu.cz
  13. 13. KÓD PRO PROGRAMÁTORA #pstreda @mpecka GOOGLE ANALYTICS <script> ga('send', 'pageview', '/virtual/login'); </script> GOOGLE ADWORDS <script type="text/javascript"> var google_conversion_id = 1234567890; var google_conversion_label = "IFfdnAfhxmGPXTT"; var google_remarketing_only = false; </script> FACEBOOK <script type="text/javascript"> fbq('trackCustom', 'LoginPage', {custom_param: 'custom_value'}); </script>
  14. 14. GOOGLE TAG MANAGER #pstreda @mpecka <html> <Analytics> <Adwords> <FB> ... </html> <html> <GTM> ... </html> BEZ GTM S GTM 5 důvodů proč používat Google Tag Manager → http://pecka.name/5xProcGTM Google Tag Manager
  15. 15. WTF WEB TRACKING FAILED #pstreda @mpecka
  16. 16. 5) WEBY „NA JAVASCRIPTU“ Zbystřete, když zaslechnete některou z těchto technologií. #pstreda @mpecka AJAX [adžaks]
  17. 17. KLASICKÉ VS. „JAVASCRIPTOVÉ WEBY“ #pstreda @mpecka <ANALYTICS KÓD/> HOMEPAGE <ANALYTICS KÓD/> PRODUKT <ANALYTICS KÓD/> KOŠÍK <ANALYTICS KÓD/> HOMEPAGEPRODUKTKOŠÍK KLASICKÝJAVASCRIPTOVÝ
  18. 18. JAK POZNÁM POUŽITOU TECHNOLOGII? Wappalyzer.com #pstreda @mpecka
  19. 19. JAK SI ZKONTROLUJI MĚŘICÍ KÓDY? WASP.inspector (+ video návod) http://pecka.name/kontrola-mereni #pstreda @mpecka
  20. 20. KDO JE ODPOVĚDNÝ ZA FUNGOVÁNÍ? #pstreda @mpecka MKT IT PM
  21. 21. KDO JE ODPOVĚDNÝ ZA FUNGOVÁNÍ? #pstreda @mpecka MKT IT PM
  22. 22. ABY TO FUNGOVALO... #pstreda @mpecka ODPOVĚDNOST PRAVOMOC SCHOPNOST PŘEDCHÁZET PROBLÉMŮM ZKONTROLOVAT FUNKČNOST
  23. 23. #pstreda @mpecka http://na.h1.cz/pstreda2017wa miroslav.pecka@h1.cz h1.cz miroslavpecka.cz twitter.com/mpecka Propojuji on-line marketing a technické řešení.

×