Nastavení Google Tag Manageru

Google Tag Manager je nový nástroj pro vkládání měřících kódů na webové stránky. Jedná se o zásobník (kontejner), který umožňuje vkládat a měnit měřící kódy bez zásahu do zdrojového kódu stránek nebo aplikací.

Příprava

Než se pustíme do samotné implementace, budeme potřebovat soupis všech měřících kódů včetně URL adres stránek, na kterých se zobrazují. Podle použití a typu kódu určíme, které vložíme do kontejneru a které ne.

Vytvoření a nastavení kontejneru

O vytvoření kontejneru se postaráme sami. Tuto část tedy nemusíte řešit - vše nastavíme a pošleme vám kód, který seo do stránek vloží. V případě e-shopu budeme ale potřebovat dvě věci:

1. URL stránky s potvrzením objednávky
   Jedná se o stránku, které se zákazníkovi zobrazí po odeslání objednávky. Na této stránce probíhá odeslání objednávky např. do Google Analytics apod.
2. Vložení datové vrstvy na tuto stránku
   Datová vrstva je JS objekt, který obsahuje informace o objednávce

Vložení kontejneru

Google Tag Manager se vkládá hned za značku, častou chybou je jeho umístění donebo na konec stránky (před). Správné umístění do kódu přitom může být závislé na správné funkčnosti. Kód je proto opravdu potřeba vložit na správné místo:

Datová vrstva

Pokud se Google Tag Manager používá na e-shopu, je potřeba přidat JS objekt dataLayer. Tento objekt obsahuje informace o typu stránky, produktech na stránce nebo odeslané objednávce.

Informace o stránce (všechny stránky)

• ecomm_pagetype - typ stránky
• home - úvodní stránka
• cart - nákupní košík
• category - kategorie produktů
• searchresults - výsledky vyhledávání
• product - detail produktu
• ecomm_prodid - ID produktů (nebo pole ID všech produktů na stránce)
• ecomm_totalvalue - cena produktu, nebo součet cen všech produktů na stránce

Příklad:

Měření objednávek (stránka s potvrzením objednávky)

Kompletní popis a ukázku datové vrstvy pro měření objednávek najdete v dokumentaci Google: https://support.google.com/tagmanager/answer/6107169?hl=en

Testování a spuštění

Během testování budou na webu umístěny všechny současné kódy a zároveň Google Tag Manager. Po jeho kontrole a odladění se může spustit do ostrého povozu.

Pokud je tedy vše nastaveno, můžou se odstranit všechny původní měřící kódy a přejít k měření pouze přes Google Tag Manger. Současně je potřeba odstranit všechny měřící kódy, které jsou obsaženy ve vytvořeném kontejneru, aby nedocházelo k duplicitnímu měření.

Rekapitulace

Co tedy budeme potřebovat za informace a jak bude probíhat implementace?

1. Pošlete nám seznam současných měřících kódů včetně URL adres,  na kterých jsou spouštěny
2. My vytvoříme a nastavíme kontejner
3. Vytvořte datovou vrstvu
4. Vložte kód Google Tag Manageru
5. Otestujeme funkčnost
• Pomocí ladícího modu v Google Tag Manageru otestujeme správnost spouštění kódů a nastavení datové vrstvy
• Pro kontrolu značek Google používáme Chrome Tag Assistant
• Kontrolu odesílaných dat zjišťujeme v konzoli prohlížeče
6. Naplánujeme odstranění kódů, které jsou obsaženy v kontejneru a vložení Google Tag Manager kódu. Tyto dva kroky by se měli udělat nejlépe zároveň, aby nedocházelo k výpadkům měření.