Poslední středa - Webová analytika na javascriptových a jiných moderních webech - Mirek Pecka
•
0 likes•4,623 views
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.
![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 -->](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
More from H1.cz
More from H1.cz (20)
Poslední středa - Webová analytika na javascriptových a jiných moderních webech - Mirek Pecka
- 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. 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. 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. 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
- 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. 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. WTF WEB TRACKING FAILED #pstreda @mpecka
- 16. 5) WEBY „NA JAVASCRIPTU“ Zbystřete, když zaslechnete některou z těchto technologií. #pstreda @mpecka AJAX [adžaks]
- 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Ý
- 19. JAK SI ZKONTROLUJI MĚŘICÍ KÓDY? WASP.inspector (+ video návod) http://pecka.name/kontrola-mereni #pstreda @mpecka
- 22. ABY TO FUNGOVALO... #pstreda @mpecka ODPOVĚDNOST PRAVOMOC SCHOPNOST PŘEDCHÁZET PROBLÉMŮM ZKONTROLOVAT FUNKČNOST
- 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í.