Kde jste: Hlavní stránkaGoogle Tag Manager – efektivní správa měřicích kódů

Google Tag Manager – efektivní správa měřicích kódů

Vydáno v blogu Digitální analytika, CRO a UX, Google Tag Manager

V rámci internetového marketingu je zapotřebí často na webové stránky nasazovat různé měřicí kódy. Jedná se například o kód Google Analytics, kódy pro remarketing apod. Google Tag Manager usnadňuje správu těchto kódů/tagů tak, že není pokaždé nutný zásah programátorů. Google Tag Manager (GTM) je systém pro správu měřicích kódů, který zdarma poskytuje Google. Díky němu […]

Google Tag Manager


V rámci internetového marketingu je zapotřebí často na webové stránky nasazovat různé měřicí kódy. Jedná se například o kód Google Analytics, kódy pro
remarketing apod. Google Tag Manager usnadňuje správu těchto kódů/tagů tak, že není pokaždé nutný zásah programátorů.

Google Tag Manager (GTM) je systém pro správu měřicích kódů, který zdarma poskytuje Google. Díky němu se mohou digitální marketéři zaměřit
přímo na podstatu měření a nikoli na technologii.

Často se stává, že potřebujeme na web klienta nasadit například remarketingový kód pro PPC
systém AdWords. Běžný postup je ten, že vypracujeme specifikaci pro programátory, kteří kód na příslušné podstránky nasadí. Problém je v tom, že realizace ze strany developerů může trvat od dnů po celé týdny.

Google Tag Manager je systém, který podobné problémy odbourává – měřicí kódy mohou konzultanti vkládat přímo přes webové rozhraní GTM. Ve
většině případů stačí pouze vložit GTM kód na web.

Pomocí GTM můžete vkládat například následující značky (tagy):

  • kód Google Analytics,
  • e-commerce Google Analytics kód,
  • remarketingové kódy,
  • kódy nástrojů pro měření clickstream analýzy, teplotních map apod. (například ClickTale, Crazy Egg; dejte si pozor na měřicí kódy, které obsahují document.write(), jako například mYx – s těmito kódy neumí GTM pracovat),
  • vlastní HTML kód,
  • vlastní obrázky (primárně určeno pro 1pixelové měřicí obrázky),
  • konverzní kódy pro zbožové vyhledávače,
  • různé další kódy.

Struktura GTM

Kontejnery

Kontejner si můžeme představit jako obálku, do které dáváme jednotlivé značky/měřicí kódy. V rámci jednoho účtu může být několik
kontejnerů.

Pokud se na kontejner podíváme více technicky, jde o JavaScriptový kód, který se umisťuje do kódu webové stránky těsně za otevírací tag
<body>. Každý kontejner má svůj unikátní identifikátor. Lze v něm také upravit jméno proměnné datové vrstvy (viz dále), případně další věci. Většinou si ale vystačíte se základní podobou kódu, který může vypadat například takto:

Ukázka kódu Google Tag Manageru

Důležité je, že každý kontejner má svůj vlastní JavaScritový kód. Pokud se tedy rozhodnete pro jeden web používat více kontejnerů, musíte
zajistit, aby se do kódu stránek vložily všechny kontejnery.

Další možnost je využít jeden kontejner/JavaScriptový kód pro více webů. Záleží pouze na vás, jak se rozhodnete rozvrhnout správu svých tagů.

Pokud se pozorně podíváte na kód kontejneru, uvidíte v něm část „async=true“, která znamená, že se knihovna nutná pro GTM načítá asynchronně. Díky tomu jednotlivé měřicí kódy v kontejneru nezpomalují načítání samotné stránky. Podobným způsobem je řešen také nový Google Analytics kód.

Uživatelé

Stejně jako například v Google Analytics je možné k účtům v GTM nastavit přístup pro další kolegy.

Přístup lze nastavit na dvou úrovních:

  1. přístup k účtu,
  2. přístup ke kontejneru.

Přístup k celému účtu má dvě úrovně:

  1. Pouze pro čtení – uživatelé nebudou mít přístup ke kontejnerům, pokud jim neudělíme přímý přístup.
  2. Přístup pro čtení, zápis a správu – uživatelé uvidí všechny kontejnery v účtu, změny mohou dělat ale pouze u těch kontejnerů, ke kterým
    mají přístup pro zápis.

Přístup k jednotlivým kontejnerům má tři úrovně:

  1. Pouze pro čtení – uživatel má přístup ke všem tagům, pravidlům a makrům v kontejneru.
  2. Pro čtení a zápis – uživatel může provést jakékoli změny v kontejneru, ale nemůže je již publikovat. Pouze publikované změny se
    promítnou do ostré verze GTM. Tato úroveň oprávnění je tedy vhodná například pro členy týmu, kteří nemají takové zkušenosti a je požadováno, aby jednotlivé
    změny zkontrolovala zkušenější osoba.
  3. Pro čtení, zápis, mazání a publikaci – pomocí tohoto oprávnění má uživatel plnou kontrolu nad účtem. Může jak měnit tagy, makra a
    pravidla, tak publikovat změny.

Řízení přístupu v Google Tag Manageru.

V celém účtu je uživatelům zobrazena grafická vizualizace oprávnění, která je velice povedená (zleva přístup pro čtení, editaci, mazání a
publikaci):

Vizuální zobrazení oprávnění v Google Tag Manageru.

Makra

Makro je prostředek, jak v GTM uchovat nějakou informaci (data) a dále s ní pracovat. Každé makro má své pojmenování a hodnotu. Například předdefinované makro url obsahuje hodnotu URL adresu právě načtené stránky.

GTM má tři předdefinovaná makra:

  1. url,
  2. referrer,
  3. event.

Pomocí nich lze vyřešit nejběžnější potřeby u měřicích kódu a pravidel (viz dále). GTM ale umožňuje vytvářet vlastní makra. K dispozici máme celkem 10 typů maker:

  1. konstantní řetězec – jako hodnota se bere řetězec, který zadáme při vytváření makra,
  2. proměnná JavaScriptu – jako hodnota se vezme proměnná, jejíž jméno uvádíme při vytváření,
  3. proměnná v datové vrstvě – zadáváme jméno proměnné z datové vrstvy, jejíž hodnotu GTM převezme (lze definovat implicitní hodnotu),
  4. text v DOM stromu – hodnota DOM elementu podle zadaného ID,
  5. atribut v DOM stromu – hodnota DOM atributu podle zadaného ID a atributu,
  6. URL – URL adresa současné stránky,
  7. vlastní událost – hodnoty závisející na nějaké uživatelské akci (kliknutí na tlačítko apod.), hodnota bude jmenoUdalosti, když je na
    stránce vykonán kód dataLayer.push{‘event‘:‘jmenoUdalosti},
  8. (pseudo)náhodné číslo – hodnota je náhodné číslo od 0 do 2147483647,
  9. HTTP referrer – hodnotou je HTTP adresa předchozího dokumentu,
  10. vlastní (1st party) cookies – hodnota je první z hodnot vlastní cookie podle zadaného jména.

Z výše uvedených možností maker tedy vyplývá, že můžeme nastavit pravidlo, které bude spouštět tag pouze na URL adrese děkovací stránky e-shopu a to v
případě, že předchozí stránka (HTTP referrer) je poslední krok v košíku. V jednom pravidle totiž můžeme spojit více maker.

Datová vrstva

Pomocí datové vrstvy lze předávat značkám vloženým do kontejneru různá data. Nejčastěji ji pravděpodobně použijete při implementaci e-commerce v Google Analytics.

Do datové vrstvy lze vkládat různé typy dat – například HTTP referrer, nebo zvolený jazyk na stránce apod.

Datovou vrstvu musí nasadit programátoři
– jde o JavaScriptový objekt, který má následující podobu:

<script>

dataLayer = [{

]};

</script>

Jméno objektu můžete změnit
– stačí v kódu kontejneru nahradit „dataLayer“ jiným názvem, který poté budete používat. Pokud se rozhodnete jméno objektu změnit, dobře otestujte, že
měření funguje správně.

Důležité je uvědomit si, že proměnné v datové vrstvě jsou platné vždy pouze na dané stránce, ne v průběhu celého sezení (session) návštěvníka.

Pravidla

Velká výhoda GTM je právě v pravidlech. Díky nim můžeme vydefinovat, na kterých stránkách se mají vložené měřicí kódy zobrazovat.
Například Google Analytics potřebujeme zobrazovat na všech stránkách webu, ale konverzní kódy PPC systémů pouze na stránce po dokončení objednávky v
e-shopu.

Definice pravidel se skládá ze tří částí:

  1. makro,
  2. podmínka,
  3. hodnota – s hodnotou se porovnává makro, pokud je platná, dojde k zobrazení tagu.

Pravidla v Google Tag Manageru.

Podmínku lze definovat pomocí:

  • regulárního výrazu,
  • klauzule:
    • (ne)rovná se,
    • (ne)obsahuje,
    • (ne)začíná čím,
    • (ne)končí čím,
    • menší (rovno) než,
    • větší (rovno) než.

Díky těmto možnostem si tedy můžeme určit požadovanou podmnožinu webu, nebo případně pouze jednu stránku, kde se má měřicí kód vyvolat.

Nevýhody GTM

Přes všechny výše uvedené výhody se u GTM najde i několik nevýhod:

  • Pokud nemáte přístup do GTM, nelze pouhým pohledem do kódu stránky zjistit, jestli je na stránce nasazen požadovaný měřicí kód (tento
    bod může být však i výhodou ve skrývání kódu před konkurencí).
  • Veškeré měřicí kódy svěřujete třetí straně – Googlu.
  • Pokud se vám někdo nabourá do GTM účtu, může tam udělat pěkný nepořádek – například nasadit k vám na web vlastní Google Analytics kód a sledovat vaše
    objednávky a další data.

Uznávám, že uvedené nevýhody se mohou jevit až příliš paranoidní, ale i na tyto případy je nutné myslet, když podobný systém nasazujete.

Zdroje a další informace

Používáte na svých webových stránkách GTM? Jaké kódy přes něj nejčastěji vkládáte a narazili jste již na nějaký problém? Podělte se o své tipy a zkušenosti v komentářích.

Doporučte tento článek přátelům Nechte si zasílat čtrnáctidenní přehled našich článků na e-mail
Odebírejte newsletter:

Přečtěte si další články k tématu

Komentáře

  1. Zjistit jaké jsou nasazeny kódy lze velmi jednoduše prostřednictvím Ghostery, app Chrome.

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>