Google Tag Manager (GTM) je systém pre správu meracích kódov webovej stránky alebo internetového obchodu. Pri aktivovaní pluginu Google Tag Manager sa do stránky implementuje jediný kód, následne je možné cez webové rozhranie GTM vkladať do stránok ďalšie meracie kódy (konverzné, affilate, analytické, atď...). Tento postup zjednodušuje prácu externým službám, ktoré vyžadujú vloženie meracieho kódu na Vaše stránky, pričom sú z nasadenia kódu vynechaný programátori. V prípade, že tak chcete nasadiť nejaký merací kód obsahujúci premenné ako napríklad ID objednávky, či email užívateľa, atď. na všetkých stránkach alebo len v určitých častiach stránky, môžete ho nastaviť práve cez GTM.
Základné nastavenie
V prvom rade je nutné sa registrovať na stránkach Google Tag Manager. Po registrácií sa Vám zobrazí merací kód, z ktorého je nutné skopírovať identifikátor v tvare GTM-XXXXXX a vložiť v sekcii Add-ons / Plugins / Google Tag Manager do položky "Container-ID". Samozrejme je nutné plugin aktivovať.
Vloženie externého kódu
Vo webovom rozhraní GTM, v sekcii PRACOVNÝ PRIESTOR (WORKSPACE) kliknite na záložku Značky (Tags) a pridajte novú kliknutím na tlačítko NOVÁ (ADD).
Následne v otvorenom okne kliknite na box Konfigurácia značky (Tag Configuration) a vyberte možnosť Vlastné HTML pričom do položky HTML vložte kód merania služby, ktorú chcete na stránky pridať. Nakoniec kliknite na box Spúšťanie (Triggering) a pridajte predvolený spúšťač All Pages, tým sa merací kód zobrazí a spustí na všetkých stránkach, čo je vhodné napr. pre kódy merania návštevnosti, rôzne heat mapy alebo pre zobrazenie externého live chatu. Konfiguráciu značky nezabudnite uložiť kliknutím na tlačítko ULOŽIŤ (SAVE).
Zverejnenie kódu
Po každej zmene položiek vo webovom rozhraní GTM je nutné zmeny odoslať a zverejniť, kliknutím na tlačítko ODOSLAŤ (SUBMIT) a následne v otvorenom okne na tlačítko ZVEREJNIŤ (PUBLISH).
Definovanie premenných zo stránky
Implementácia GTM v systéme WEXBO® obsahuje tzv. Dátové vrstvy (DataLayers) na základe, ktorých je možné v sekcii PRACOVNÝ PRIESTOR (WORKSPACE) v záložke Premenné (Variables) vytvoriť dynamické premenné pre konkrétnu stránku, ktorých hodnotu je možné vložiť do meracieho kódu. Ak potrebujete do meracieho kódu vložiť napr. hodnotu objednávky alebo ID meraného produktu.
V sekcii PRACOVNÝ PRIESTOR (WORKSPACE) kliknite na záložku Premenné (Variables) a pridajte novú kliknutím na tlačítko NOVÝ (NEW).
Následne v otvorenom okne kliknite na box Konfigurácia premennej (Variable Configuration) a vyberte možnosť Premenná dátovej vrstvy pričom do položky Názov premennej dátovej vrstvy vložte identifikátor požadovanej premennej, ktorú chcete zo stránok načítať a nakoniec kliknite na tlačítko ULOŽIŤ (SAVE). Zoznam identifikátorov je uvedený nižšie, pričom ak napr. chcete načítať premennú typu stránky (home, article, menu, cart, product, ...), do položky Názov premennej dátovej vrstvy vložíte hodnotu page.type. Odporúčame si pred uložením k premennej pridať aj názov, ktorý bude rovnaký ako názov premennej dátovej vrstvy, aby ste ju neskôr vedeli identifikovať a jednoducho použiť napr. v meracom kóde.
Zoznam identifikátorov dátovej vrstvy
Všetky identifikátory dátovej vrstvy aj so štruktúrou nájdete v zdrojovom kóde stránky v HTML tagu HEAD (na začiatku) v najbližšom tagu SCRIPT pod názvom javascriptovej premennej dataLayer, pričom sa jedná a objekt vo formáte JSON. Podrobná zoznam identifikátorov aj sa ich popisom nájdete v nápovede Systemvariablen.
Vloženie premenných do kódu
Pred-vytvorené premenné zo stránok je možné využiť priamo v meracom kóde, pričom do kódu ich vkladáte tak, že názov premennej obklopíte dvojitými zloženými zátvorkami, napr. {{page.type}}. Názov premenenej je nutné v tomto prípade zadávať malými písmenami. Merací kód upravujete v sekcii PRACOVNÝ PRIESTOR (WORKSPACE) v záložke Značky (Tags).
Príklady vytvorenia spúšťačou pre rôzne udalosti
- Úvodná stránka
- Zoznam produktov
- Detail produktu
- Vyhľadávanie
- Konverzie vytvorených objednávok
Zobrazenie kódu len v určitých sekciách
Konverzné alebo niektoré meracie kódy vyžadujú zobrazenie len v určitej sekcii (napr. v detaile produktu) alebo po vykonaní určitej akcie (napr. po vytvorení objednávky). Pomocou pred-vytvorených premenných je možné si v sekcii PRACOVNÝ PRIESTOR (WORKSPACE) v záložke Spúšťače vytvoriť podmienku, kedy sa má kód zobraziť/spustiť.
V sekcii PRACOVNÝ PRIESTOR (WORKSPACE) kliknite na záložku Spúšťače (Triggers) a pridajte nový kliknutím na tlačítko NOVÝ (NEW).
Následne v otvorenom okne kliknite na box Konfigurácia spúšťača (Trigger Configuration) a vyberte možnosť Zobrazenie stránky. V položke Tento spúšťač sa spúšťa na vyberte možnosť Niektoré zobrazenia stránky. V položkách nižšie najprv vyberte požadovanú pred-vytvorenú premennú (napr. page.type) v ďalšej položke vyberte operátor rovná sa a do poslednej položky vložte hodnotu, na základe ktorej sa má spúšťač spustiť. Ak napríklad chcete nastaviť spúšťač pre úvodnú stránku, do poslednej položky vložte hodnotu home. Konfiguráciu spúšťača nezabudnite uložiť kliknutím na tlačítko ULOŽIŤ (SAVE). Nezabudnite každému spúšťaču nastaviť názov aby ste ho vedeli vždy identifikovať pri priraďovaní ku kódu.
Ak by ste potrebovali vytvoriť spúšťač napríklad pre meranie konverzií vytvorenej objednávky, do poslednej položky vložte hodnotu cart_complete. Je nutné pridať ešte jeden riadok s podmienkou pre zobrazenie len pri vytvorení a nie následnom opätovnom načítaní stránky, preto kliknite na tlačítko plus (+) a vyberte alebo vytvorte premennú page.conversion, ktorej nastavte operátor rovná sa s hodnotou 1 (viď. obrázok).
Vytvorený spúšťač nakoniec priradte požadovanému meraciemu kódu v sekcii PRACOVNÝ PRIESTOR (WORKSPACE) v záložke Značky (Tags), v úprave značky v boxe Spúšťače (Triggers). Jeden kód môže obsahovať aj viacero spúšťačov, ak napríklad chcete kód zobraziť vo všetkých štyroch krokoch košíka.
Zobrazenie kódu len pri určitej udalosti či akcii
V prípade, že chcete merací kód zobraziť alebo spustiť len pri určitej udalosti, v sekcii PRACOVNÝ PRIESTOR (WORKSPACE) kliknite na záložku Spúšťače (Triggers) a pridajte nový kliknutím na tlačítko NOVÝ (NEW).
Následne v otvorenom okne kliknite na box Konfigurácia spúšťača (Trigger Configuration) a vyberte možnosť Vlastná udalosť. Ako Názov udalosti pre pridanie produktu do košíka použite cart_add. V položke Tento spúšťač sa spúšťa na nechajte vybranú možnosť Všetky vlastné udalosti. Nakoniec môžete daný spúšťač prideliť požadovanému meraciemu kódu v záložke Značky (Tags).
Hromadné vkladanie kódov
V prípade, že chcete na stránky vkladať naraz viacero kódov, v prvom rade odporúčame si najprv vytvoriť všetky potrebné premenné v záložke Premenné (Variables).
Zároveň si vytvorte všetky potrebné spúšťače v záložke Spúšťače (Triggers).
Následne už len v záložke Značky (Tags) si môžete pridávať kódy, nastavovať im kedy sa majú zobraziť/spustiť a prípadne do nich vložíte pred-vytvorené premenné.
