Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Google Tag Manager pro vývojáře

520 visualizaciones

Publicado el

Jak optimálně naimplementovat Google Tag Manager, pracovat s událostmi v GTM, pracovat s dataLayer, naimplementovat Enhanced Ecommerce přes GTM a správně nahodit dynamický retargeting. Prezentace spíš shrnuje naše best practices než by měla být dogmatickým návodem.

Publicado en: Marketing
  • Sé el primero en recomendar esto

Google Tag Manager pro vývojáře

  1. 1. Google Tag Manager pro vývojáře @blazekmichal
  2. 2. O čem to dneska bude? Co to je? Jak správně naimplementovat? Tipy na užitečné tagy, proměnné a triggery? Jak pracovat s událostmi? Jak využít GTM pro testování a opravy webu Jak využít GTM pro implementaci GDPR
  3. 3. Co to je? Systém pro správu značek (většinou marketingových) - spojovací prvek mezi marketérem, analytikem, vývojářem Teorie: Vývojář má méně práce, marketér/analytik větší flexibilitu
  4. 4. Praxe – takto to často dopadá
  5. 5. Osvědčila se mi implementace Hezky vysvětleno na https://www.simoaha va.com/analytics/dat a-layer/ Marketér/analytik má vždy vše v dataLayeru.
  6. 6. O DataLayer se musíte starat! Když do dataLayeru něco pošlete, bude to tam, dokud to nezměníte nebo neobnovíte stránku. Např. můžete dataLayer.push({ 'pouzity_klic' : undefined });
  7. 7. Struktura GTM
  8. 8. Značky (tags) Není nutné řešit updates a spousta dalších, ale…
  9. 9. Značky (tags) – chybí některé podstatné značky, takže custom html Není tam Facebook, Sklik, AdForm, iBillboards, affiliate programy, srovnáče, Smartsupp Takže řešení přes custom HTML, kde je možné cokoliv – nejvíce konfliktů Pokud chce firma tag v GTM, musí být tag vendor. Tagy je možné na webu blacklistovat.
  10. 10. Custom HTML tag - haleluuja Adhoc oprava chyb Korporát Testování Chytré skripty - počasí, používání blockerů, využívání anonymního okna, GDPR opatření Vlastní posluchače ● Copy posluchač ● Skórování uživatelů (if tato událost, pak dej skóre) ● Posluchač práce s formuláři nebo jakýmikoliv prvky
  11. 11. Vybrané proměnné
  12. 12. Vybrané proměnné - podrobněji GA settings – slide 26
  13. 13. Vestavěné triggery Ale jsou tu limitace…
  14. 14. Výsledek JS error triggeru v GA Následně zkoumám jaká stránka, jaké zařízení, jaký browser
  15. 15. Limitace vestavěných triggerů ● Posluchač kliknutí nefunguje, pokud kliknete otevřít v novém okně nebo pravým tlačítkem. ● Posluchač odeslání formuláře funguje defacto pouze na formy, které způsobí reload stránky ● Posluchače kliknutí a odeslání formuláře jsou závislé na povoleném event. progation (tip – je možné místo return false nebo e.stopprogation a místo dát jenom preventDefault – více https://www.simoahava.com/gtm-tips/fix- problems-with-gtm-listeners/ ● Vždy je nutné pořádně testovat ● Jistotou jsou pouze správně nastavené události
  16. 16. Nejčastější nastavení - události dataLayer.push({ 'event':'nazev', // nebo i univerzální gaevent 'eventCategory': 'KATEGORIE', 'eventAction': 'AKCE', 'eventLabel': 'ŠTÍTEK', 'eventValue': HODNOTA, 'eventNonInteraction': true, // má událost zrušit bounce rate? default je false 'eventCallback': function() { // zde se musí přesměrovat nebo stát jiná akce }, 'eventTimeout': 1000 }); // tučně je bez čeho by to nefungovalo, ostatní volitelné, ale vhodné
  17. 17. Alternativa – využít atributy a posluchač https://jsfiddle.net/michalmarketingmakers/u4a0mqkr/2/ - easy příklad pro kliknutí
  18. 18. Užitečné vlastní události Cokoliv považujeme za žádoucí nebo nežádoucí Formuláře – interakce a odeslání 404 error User login Registrace Copy, změna okna, hover nad telefonem atd.
  19. 19. Enhanced Ecommerce
  20. 20. Enhanced Ecommerce https://develo pers.google.co m/tag- manager/enha nced- ecommerce
  21. 21. Enhanced Ecommerce Rozšířený elektronický obchod Zde pracujete s ecommerce objektem Doporučuji všechno posílat jako událost od impression, productClick, detail až po purchase – nespoléhat na to, že si to GA tag vezme při svém načtení. Takto získáte skvělou kontrolu a navíc můžete data v případě potřeby upravovat.
  22. 22. Dynamický retargeting Google, Facebook atd. Google i FB ve všech typech retargetingu chce produkty posílat jako pole. a) Je možné scrapovat pomocí vlastní proměnné z Enhanced Ecommerce b) vývojář pushne produkty jako ['product1', 'product2', 'product3‘] c) Pagetype je možné vytvořit pomocí regex table nebo je zaslán – liší se u českého rtgt (retail), slovenského (custom), vzdělávání (edu) nebo FB. <script>dataLayer.push({ 'google_tag_params': { 'ecomm_prodid': ['24','454'], 'ecomm_pagetype: 'checkout' } });</script>
  23. 23. Debugging – preview mode GTM a GA debug
  24. 24. GDPR - GA settings tag v Google Tag Manager
  25. 25. GDPR - – AnonymizeIp true function ipadresauzivatele () { $ip = $_SERVER['REMOTE_ADDR']; if ($ip == „“195.555.555.1" || $ip == „“195.555.575.14" || $ip == "83.157.211.22" ) { echo '<script>dataLayer.push({ "userip": "in" })</script>'; } else { echo '<script>dataLayer.push({ "userip": "out" })</script>'; } } add_action( 'wp_footer', 'ipadresauzivatele' );
  26. 26. 1b – EU cookie
  27. 27. GDPR - HitTimestamp Řešení od Simo Ahavy - https://www.simoahava.com/analytics/improve-data- collection-with-four-custom-dimensions/ Výsledek: 2015-04-03T18:55:27.466+03:00
  28. 28. GDPR – I cookie lištu si můžete nasadit přes GTM Hezké řešení - https://cookieconsent.insites .com/download/ Jenom bych doporučil uložit k sobě – nevíte, jak se to bude měnit (a pozor na problémy v IE 11 - https://github.com/insites/c ookieconsent/issues/326)
  29. 29. GDPR – Opt-in nebo opt-out Více
  30. 30. GDPR - Opt-in nebo opt-out Další informace v cookie liště - V B2C prokliklo 0,16 %, v B2B 0,57 %.
  31. 31. Další zdroje ● https://www.simoahava.com/analytics/data-layer/ ● https://stackoverflow.com/questions/34212960/how-to-properly-use-datalayer-push-to- update-values-of-nested-objects-in-an ● https://www.simoahava.com/gtm-tips/use-eventtimeout-eventcallback/ ● https://www.simoahava.com/gtm-tips/track-javascript-errors-events/ ● https://www.simoahava.com/gtm-tips/gtm-container-snippet-in-the-head/ ● https://www.simoahava.com/gtm-tips/remember-to-flush-unused-data-layer-variables/ ● https://chrome.google.com/webstore/detail/gtm- sonar/iiihoahkpncaheicjfemhjkkfamcahcd?hl=en - GTM sonar ● https://javascript.info/bubbling-and-capturing ● https://www.lunametrics.com/blog/2017/11/02/find-personally-identifiable-data-google- analytics/ ● https://www.privacyshield.gov/welcome ● https://marketingmakers.net/gdpr-pro-ppc-analytiku-a-automatizaci-8-praktickych- doporuceni-pro-nase-klienty/ a https://marketingmakers.net/cookies-a-gdpr-vyjadreni- uoou-a-dalsi-doporuceni-pro-nase-klienty/
  32. 32. MÁTE JAKÉKOLIV OTÁZKY?
  33. 33. Marketing Makers - “Co nemůžete změřit, raději nikdy nedělejte! Prezentaci vypracoval: Michal Blažek michal@marketingmakers.net, 728 729 312 Twitter: blazkmichal Marketing Makers s.r.o., Domažlická 1053/15, 130 00 Praha 3 - Žižkov, IČ: 04174836, DIČ: CZ04174836 MarketingMakers.net | Facebook | Twitter: MarketingMakers

×