Základy Google tag manager (Správca značiek Google)

sc191.Zdroj: Google.sk

Na čo nám slúži a čo to vlastne je?

Môj PPC-čkár odo mňa chce, aby som mu nahodil na webovú stránku Google Tag Manager (správcu značiek Google). Tento šikovný nástroj z dielne Google značne zjednoduší prácu vášmu PPC-čkárovi.

Ale pekne po poriadku. Najprv si vysvetlíme, čo je funkciou tohto šikovného nástroju, ktorý je zadarmo. Nástroj slúži na správu značiek, ktoré sa implementujú na meranie akýkoľvek aktivít na vašej webovej stránke.

Značkou môže byť:

  • Značka Google analytics,
  • udalostí pre ich zachytávanie v Google analytics,
  • Elektronický obchod pre Google analytics,
  • Konverzná značka Google Adwords,
  • Remarketingová značka Google Adwords,
  • Značka Facebook pixel,
  • Smarlook sledovanie správania návštevníkov,
  • Hot jar pre zachytávanie heatmapov a sledovanie správania návštevníkov,
  • Iný vlastný HTML kód.

Ako začať používať tento nástroj?

V prvom kroku si na stránke https://tagmanager.google.com vytvoríme svoj vlastný účet, v ktorom Vy alebo váš PPC-čkár bude môcť nastavovať značky na meranie.

Pri vytváraní účtu Vám nástroj v poslednom kroku vygeneruje kód, ktorý vám musí programátor nasadiť na všetky vaše stránky. A teraz hor sa nastavovať.

V priebehu roka 2016 Google prišiel s novinkou kódu. Po novom sa implementujú dve časti kódu. Prvá časť kódu sa implementuje do <head> (hlavička stránky) a druhá časť do <body> (tela stránky). Touto novinkou Google zabezpečil ešte viac merania a tým pádom eliminoval úniky merania na minimum.

Ako vyzerá kód Google tag manager (Správcu značiek Google)

              <!– Google Tag Manager –>

              <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:

              new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],

              j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=

              ‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);

              })(window,document,’script’,’dataLayer’,’GTM-XXXXXX’);</script>

              <!– End Google Tag Manager –>

              <!– Google Tag Manager (noscript) –>

              <noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX”

              height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>

              <!– End Google Tag Manager (noscript) –>

Ako funguje nástroj?

Základným princípom fungovania je prepojiteľnosť toku informácií od vstupu (webová stránka) až po výstup (napr. Google Analytics)

Vstupný bod

Vstupný bod predstavuje webová stránka a  milióny udalostí, ktoré sa udejú na webovej stránke. Práve tieto informácie či udalosti sú základom merania, vyhodnocovania či sledovania.

Na samom začiatku zachytenia týchto informácií pre koncového užívateľa, čiže značka, ktorou môže byť napríklad Google Analytics, sa musíte rozhodnúť aké informácie budete posielať do neho.

Možnosti máme tri.

            a) zachytávanie iba jednej informácie/ jedného druhu informácií

            b) zachytávanie okruhu viacerých informáciií

            c) zachytávanie všetkých informácií.

Tieto informácie sa zachytávajú prostredníctvom premenných. Preto pre jednotlivé značky nastavujete spúšťač, ktorý rozpoznáva a zachytáva z milióna informácií práve tie, ktoré ste si nadefinovali.

Spúšťače

Druhým krokom pri nastavení značky je už spomínaný spúšťač. Jeho funkciou je zachytiť a odoslať informáciu zakaždým, keď sa zapnú vami nadefinované premenné.

Najzákladnejším a najpoužívanejším spúšťačom je url adresa stránky pomocou, ktorej dokážete zachytiť veľa informácií.

Príklady kedy spúšťač je url adresa:

  1. Všetky stránky pre nastavenie merania Google analytics – Pre kompletné dáta vo vašom Google analytics je potrebné nastaviť meranie všetkých stránok vašej webovej stránky aby ste v rozhraní Google analytics dokázali hodnotiť 100% dát. V takomto prípade vašim spúšťačom budú všetky stránky, ktoré sa zaznamenajú na vašej doméne.
  1. Nastavenie konverzie na ďakovnú stránku – Viete, že ak užívateľ na vašom e-shope uskutoční objednávku tak sa mu zobrazí ďakovná stránka, ktorá môže vyzerať napríklad takto: www.mojeshop.sk/order_succesfull . V takomto prípade vašim spúšťačom url adresa, ktorá sa zhoduje s:’/order_succesfull

Ďalšími, už menej známymi, no stále dosť dôležitými spúšťačmi môžu byť napríklad:

  • kliknutia,
  • udalostí,
  • odoslanie formuláru,
  • DOM ready

Dobrý príklad ako môžete využiť spúšťač ‘kliknutia‘. Predstavte si, že máte e-shop a existujú dve tlačidlá ako si užívateľ môže pridať produkt do košíka. Pomocou spúšťaču ‘kliknutia‘ je možné nastaviť meranie, na ktoré tlačidlo sa koľkokrát kliklo. Nebolo by super vedieť, na ktoré tlačidlo používatelia viac klikajú?

Spúšťač ‘udalosť‘ vám pomôže merať počet odoslaných formulárov na vašej webovej stránke.

Pre nastavenie týchto spúšťačov je potrebné ovládať Google tag manager trochu viac.

Tieto funkcie si podrobne rozoberieme v ďalšom našom článku.

Značky

Posledným krokom funkčnosti nástroja je nastavenie značky. Pre každú značku nastavujete spúšťač, ktorý obsahuje predpis premenných. A týmto zabezpečíte prenos informácií od ich spustenia na stránke až po výstupný bod čo predstavuje značka.

 

Google tag manager obsahuje preddefinované šablóny značiek pre:

  • Google analytics značky,
  • Google konverznú značku,
  • Google remarketingovú značku,
  • DoubleClick značky,
  • Google Optimize značky
  • Google Surveys Website Satisfaction značku

Všetky ostatné značky je potrebné nahrávať prostredníctvom vlastného HTML kódu.

A na záver je dôležité povedať si aké sú výhody tohto super nástroju?

Najväčšou výhodou nástroju je nezávislosť PPC-čkára alebo osoby, ktorá spravuje značky a potrebuje si nastaviť akékoľvek meranie na webovej stránke. Predstavte si aké veľké množstvo nástrojov sa dá použiť pre sledovanie aktivít na webovej stránke. Bez Google tag manager-a všetky tieto kódy by musel implementovať programátor po jednom do webovej stránky.

Ďalšou výhodou je pri väčšom množstve dát prehľadnosť značiek, ktoré sú na webovej stránke nasadené. Platí pravidlo, že implementovať značku je jednoduché, no odstrániť túto značku je ťažšie. Veď to poznáte, nie je čas alebo sa na to jednoducho zabudne.

Má tento nástroj aj nejaké nevýhody, prípadne problémy pri správe?

Áno, aj tento nástroj má svoje nevýhody.

Bohužiaľ nástroj nezabezpečuje vždy 100% zaznamenanie všetkých dát. Môže sa stáť, že určité percento informácií sa nástrojom nezachytí.

Ďalšou nevýhodou je, že nie vždy viete nastaviť premenné tak aby ste informáciu zachytili a v takomto momente potrebujete pomoc od programátora, ktorý musí zmenou zdrojového kódu zabezpečiť aby ste dokázali zachytiť informáciu.

sc191Zdroj: Google.sk

AUTOR:

Libor Toporcer


* Článok zaradený do súťaže časopisu Digitalmag v roku 2017 *

image_print