Tento průvodce vysvětluje, jak implementovat GLAMI Pixel v Google Tag Manageru pomocí několika jednoduchých kroků. Proces implementace vyžaduje vyplnění informací, jako je API klíč, kód země a přiřazení spouštěče pro každou z událostí.
Požadavky:
1. Účet Google Tag Manager
Pokud účet nemáte, postupujte podle kroků z oficiálního průvodce Google: https://support.google.com/tagmanager/answer/14842164
2. Nainstalovaný kontejner Google Tag Manager na webu
Pokud jste kontejner nenainstalovali, postupujte podle kroků z oficiálního průvodce Google: https://support.google.com/tagmanager/answer/14847097
3. Data o e-commerce v DataLayeru
Můžete zkontrolovat, jak jsou data o e-commerce odesílána do DataLayeru v oficiálním průvodci Google: https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtm
Přidejte GLAMI Pixel šablonu do svého Workspace
Nejprve přidejte šablonu GLAMI Pixel do svého Workspace. Najdete ji v galerii komunitních šablon:
GLAMI Pixel trackuje čtyři typy událostí:
PageView |
Volá se na každé stránce |
ViewContent |
Volá se pokaždé, když si zákazník prohlédne seznam produktů (stránka kategorie) nebo jeden produkt (stránka produktu) |
AddToCart |
Volá se pokaždé, když zákazník přidá položku do košíku |
Transaction |
Volá se po dokončení objednávky |
- Chcete-li vytvořit nový tag (značku), přejděte do sekce "Tags" (Značky) ve svém Správci značek a klikněte na "New" (Nový).
- Každý Tag (Značka) obsahuje dvě části - Tag Configuration, který říká, co má dělat, a Trigger, který říká, kdy to má udělat.
GLAMI Pixel - Konfigurace
První tag pojmenujte „GLAMI Pixel - Configuration“ a jako druh tagu vyberte „GLAMI piXel v2“.
Je potřeba vyplnit tyto informace:
- Tag Type - Vyberte "Configuration"
- API Klíč - Najdete ji ve své GLAMI Partnerské administraci. Přejděte do Nastavení > GLAMI Pixel
- Kód země (Country code) - Jedná se o dvoupísmenný kód, který identifikuje zemi. Můžete jej najít jako alfa-2 kód na této webové stránce: https://www.iban.com/country-codes.
Příklady: Česko -> CZ, Itálie -> IT, Rumunsko -> RO - Další nastavení - Zde můžete vybrat zdroj dat. Pokud je datová vrstva
správně nakonfigurována, automaticky získá správné proměnné. Případně lze pomocí ruční konfigurace přesně vybrat proměnné pro každou událost.
Dále musíte vybrat trigger. Pro tento tag můžete použít jedno z výchozích pravidel s názvem "Všechny stránky". Tím zajistíte, že Pixel bude aktivní na každé stránce.
GLAMI Pixel - Event
Druhý Tag pojmenujte “GLAMI Pixel - Event” a jako druh tagu vyberte “GLAMI piXel v2”.
Je potřeba vyplnit tyto informace:
- Typ Tagu - Vyberte "Event"
- Další nastavení - Zde můžete vybrat zdroj dat. Pokud je datová vrstva
správně nakonfigurována, automaticky získá správné proměnné. Případně lze pomocí ruční konfigurace přesně vybrat proměnné pro každou událost.
Chcete-li pokračovat, musíte k této značce přidat tři spouštěče. Chcete-li vytvořit spouštěč, přejděte na stránku „Triggers“ ve Správci značek a klikněte na tlačítko „New“.
Každý z nich pojmenujte podle události, kterou má vyvolat:
- ViewContent - Vyvolat při zobrazení libovolné stránky produktu
- AddToCart - Vyvolat při přidání položky do košíku
- Purchase - Vyvolat po dokončení transakce
Jako typ spouštěče vyberte možnost "Custom Event" a vyplňte název události.
Pokud neznáte správný název události, můžete jej snadno zkontrolovat tak, že vstoupíte do režimu Preview and Debug a provedete akci, která by měla danou událost vyvolat. Viz část "Jak zkontrolovat implementaci?" níže.
GLAMI Pixel je nyní implementován. Nezapomeňte svůj "kontejner" publikovat.
Doporučujeme vyzkoušet v režimu "Preview mode".
Jak zkontrolovat implementaci?
Pro povolení náhledu a debugovacího v aktuálním Workspace:
- Klikněte na Náhled v pravém horním rohu vašeho Workspace.
- Zadejte adresu URL svého webu.
- Některé weby nebo stránky mohou být poškozeny dalším debug parametrem přidaným do adresy URL. Pokud ano, můžete to zrušit zaškrtnutím možnosti "Zahrnout debug signál do adresy URL".
- Klikněte na Připojit. Váš web se otevře v novém okně a vpravo dole se zobrazí Připojeno.
- Kliknutím zpět na kartu Tag Assistant a kliknutím na Pokračovat otevřete debug rozhraní.
Horní navigační panel obsahuje možnosti přístupu k informacím o Značkách (Tags), Proměnných a Datových vrstvách a levý navigační panel Souhrn zobrazuje seznam událostí.
- Tags / Značky: Kliknutím na položku Tags / Značky zobrazíte, které značky se spustili a které ne. Kliknutím na značku zobrazíte vlastnosti značky a související pravidla. Když je událost vybrána v levém sloupci, na kartě Tagy se zobrazí stav značek pro danou událost.
- Variables / Promenné: Záložka Proměnné zobrazí podrobné informace o proměnných ve vybrané události, včetně typu proměnné, typu vrácených dat a vyřešené hodnoty. Výběrem události v levém navigačním panelu zobrazíte stav proměnných v době spuštění události.
- Data Layer / Datová vrstva: Na kartě Datová vrstva se zobrazí přesná zpráva, jak byla odeslána do datové vrstvy pro vybranou událost, a jak datová vrstva vypadá po dokončení transakce zprávy. Výběrem události v levém navigačním panelu zobrazíte stav datové vrstvy v době spuštění události.
FAQ
Mohu implementovat Pixel pro více trhů v jedné doméně?
Šablonu GTM není možné použít k implementaci více instancí Pixelu v jedné doméně.
Jak vytvořit novou proměnnou?
Pro tento příklad vytvoříme proměnnou ID transakce. Nejprve přejděte na stránku „Proměnná“ ve Správci značek a klikněte na „Nová“. Můžete ji pojmenovat „Transaction ID“ a zvolit typ „Proměnná datové vrstvy“. Do pole Název proměnné datové vrstvy musíte napsat cestu k těmto datům, například: "ecommerce.transaction_id"
Jak zkontrolovat název proměnné datové vrstvy?
Otevřete režim náhledu a ladění ve Správci značek a vyberte kartu Datová vrstva. Zde uvidíte informace, které byly vloženy do datové vrstvy. Další informace najdete v článku podpory Google, který je k dispozici pod následujícím odkazem: https://support.google.com/tagmanager/answer/6107056
Jak vytvořit proměnnou GTM z pole dataLayer? / Jak poslat více ID v jedné proměnné?
ID produktů lze rozdělit do dvou proměnných.
První se bude nazývat „transactionProducts“ s typem „Proměnná datové vrstvy“. V poli Název proměnné datové vrstvy vyberte všechny produkty, například: ecommerce.items
Druhý se bude jmenovat „transactionProductsIds“ s typem „Custom JavaScript“. Tím se otevře nové textové pole, do kterého můžete vložit následující kód:
function () { return .map(function(a) {return a.id;}); }
V tagu „GLAMI Pixel - Transaction“ můžete připojit druhou proměnnou „transactionProductsIds“.