Tento návod pro nasazení Google Analytics 4 vznikl pro Shoptet. Můžeme jej však použít i na jiná e-shopová řešení mimo Shoptet s drobnými úpravami.
V předchozím návodě jsme si nastavili konfiguraci Google Analytics 4 (GA4) pro e-shop (Shoptet) přes Google Tag Manager (GTM). Pro správné měření nákupního procesu a konverzí však budeme potřebovat nasadit další události (eventy), především dokončení nákupu – tzv. enhanced e-commerce (EEC)
Všechny tyto eventy se v GTM nasazují jako GA4 Event tagy. Jako eventy můžeme měřit např. zhlédnutí produktu, přidání do košíku, odebrání z košíku, jednotlivé kroky v košíku, dokončení objednávky, případně vratky a storna. My jsme si vybrali pro ukázku několik užitečných tagů k nasazení. Není to všechno, ovšem základně vám to bude stačit.
Co potřebujeme k nasazení enhanced e-commerce pro Google Analytics 4?
K nasazení těchto eventů potřebujeme mít nastavené jednotlivé proměnné datalayeru, které popisuje Google dokumentace. Pro srozumitelnější popis než podává Google dokumentace doporučujeme článek od Sima Ahavu. Při hledání těchto proměnných v datalayeru jsme však narazili na problém. Datalayer Shoptetu (a většiny CMS) je vytvořen pro klasický Google Analytics (Universal Analytics). Nasazení eventů v Google Analytics 4 však potřebuje nový datalayer přizpůsobený pro GA4. Tento datalayer Shoptet zatím nemá, proto si jej musíme vytvořit. Není to však tak složité, jak to zní.
Pozn.: pokud se chcete dozvědět více o tom, co je datalayer a jak z něj číst, tak se podívejte na videonávod na konci tohoto článku
V cheat sheetu jsem si připravil povinné proměnné podle Google dokumentace pro nasazení jednotlivých eventů. Jediné co potřebujeme udělat je „přeložit“ názvy těchto proměnných z jazyka klasického Google Analytics na jazyk GA4. Pojďme si to tedy zkusit na event view_item (prohlédnutí produktu).
Identifikování proměnných a nastavení prvního eventu
V rozhraní GTM spustíme Preview mode a na stránce si otevřeme nějaký produkt. Podle cheat sheetu víme, že pro event view_item máme jen jednu povinnou proměnnou, kterou je items. Items je produkt nebo seznam jednotlivých produktů (např. v košíku) s daty k těmto produktům, jako například ID produktu, název produktu, kategorie nebo cena. Otevřeme si tedy datalayer v Preview mode a hledáme něco podobného. Hned vidíme, že 7. řádek s názvem Product obsahuje tyto údaje. Pravděpodobně to bude to, co potřebujeme, ale otestujeme to.
Vrátíme se do GTM a v části Variables vytvoříme novou proměnnou jako DataLayer variable. Nazveme ji tak, abychom ji uměli odlišit a zapíšeme podle pravidel datalyeru, tedy shora dolů: shoptet.product. Verzi datalayer ponecháme tak a proměnnou uložíme. Nyní si vytvoříme GA4 event tag, vybereme si svojí konfiguraci, zadáme název eventu. Je třeba, abychom při nazývání eventu striktně dodrželi pravidla dokumentace Google. Čili musíme tento event nazvat přesně tak, jak píše Google: view_item. To ovšem nestačí. Musíme také přidat povinné parametry. Z cheat sheetu už víme, že u tohoto eventu je povinen pouze jeden parametr: items. Přidáme nový řádek a nazveme parametr. Zde platí také striktní dodržování pravidel Google dokumentace. Jako hodnotu tohoto parametru si zvolíme proměnnou, kterou jsme před chvílí vytvořili. Jako trigger tohoto tagu si zvolíme Product detail, který jsme si již dříve nastavili také prostřednictvím datalayeru.
Máme-li tento tag hotový, tak si můžeme zkontrolovat jeho funkčnost přes Preview mode. Také si to můžeme zkontrolovat i přes rozhraní GA4.
Nastavení dalších eventů
Pokud vše funguje, tak můžeme přejít na nastavení dalších tagů podobně jako view_item. Proměnné, které budeme potřebovat.
- add_to_cart – items
- begin_checkout – items
- add_shipping_info – items,shipping_tier (nepovinné)
- add_payment_info – items, payment_tier (nepovinné)
- purchase – transaction_id, value, currency, tax, shipping, items, coupon
Jak to zvládnout na 6 kliků?
Pokud se vám tento návod zdá být složitý, kliknete zde a stáhněte si náš template pro nasazení celého Enhanced e-commerce zdarma. Všechny základní tagy nasadíte během pár kliků. Pokud byste potřebovali pomoc ozvěte se.
Návod:
- V sekci Admin klikněte na Import container.
- Vyberte stáhnutý soubor, workspace a naimportujte ho sloučením (Merge).
- Tento template obsahuje i tzv. Transaction ID logger, který deduplikuje vaše transakce. Nebudete tak mít duplicity v GA4, které jsou bohužel zatím dost častým bugem.
Po implementovaní nezapomeňte na dvě věci:
- Změnit GA4 config ID na vaše Measurement ID
- V rozhraní GA4 v sekci Configure > Events zkontrolovat nastavení Purchase eventu jako konverze (eventy se však nezobrazí hned po odeslaní containeru do produkce, počkejte chvíli)
