Nastavení Google Tag Manageru a GA4 pro váš web
Google Tag Manager je nástroj, přes který se na web vkládají měřicí kódy bez úprav kódu webu, a GA4 je služba, která naměřená data ukládá a vyhodnocuje. webrocks nastaví kontejner, GA4 vlastnost i vlastní události přes dataLayer a všechno ověří v náhledu dřív, než se změny publikují.
Text vznikl s pomocí umělé inteligence. Tvrzení o platformách vycházejí z oficiální dokumentace, na kterou článek odkazuje. Za obsah odpovídá Tomáš Hanus, webrocks.cz@gmail.com.
- Pro koho
- Pro provozovatele webů, kteří chtějí vědět, co návštěvníci na webu dělají, nebo nevěří číslům ze stávajícího měření.
- Co dostanete
- Nastavený kontejner GTM a vlastnost GA4 s vlastními událostmi, ověřené v náhledu GTM a v DebugView, a přehled, co se měří a kde.
- Cena
-
- Měření: Dle rozsahu
Orientačně podle ceníku. Cena závisí na rozsahu, konkrétní nabídku webrocks připraví podle zadání.
Co je Google Tag Manager a GA4 a kdy je nastavit
Google Tag Manager (GTM) je systém pro správu značek, tedy měřicích a reklamních kódů, které se tak dají přidávat a měnit bez zásahu do kódu webu. Značky, pravidla jejich spuštění (triggery) a proměnné tvoří kontejner, který se na web vloží jednou.
GA4 (Google Analytics 4) je služba, která data přijímá, ukládá a zobrazuje v reportech. GTM sám nic neměří a nic nevyhodnocuje, jen rozhoduje, kdy a s jakými údaji se která značka spustí.
Nastavení dává smysl u nového webu, u webu, kde měření chybí, a u webu, kde existuje, ale nikdo neví, co přesně počítá. Starý kód Universal Analytics už nic neměří: standardní UA přestalo zpracovávat data 1. 7. 2023.
Pro koho se nastavení hodí a pro koho ne
Hodí se, když:
- chcete měřit akce důležité pro váš web s parametry, které potřebujete, třeba odeslání konkrétního formuláře nebo kliknutí na telefon či e-mail,
- plánujete reklamu a budete potřebovat spolehlivé události, ze kterých se dají udělat konverze,
- čísla v GA4 nesedí a potřebujete audit stávajícího měření.
Nehodí se, když vám stačí počet návštěv a nejnavštěvovanější stránky. To GA4 změří i bez GTM a vlastních událostí, stejně jako základní akce z rozšířeného měření, například odchozí odkazy a stažení souborů.
Pokud máte e-shop a jde vám hlavně o nákupy, košík a tržby, je to samostatná práce popsaná v článku o měření e-shopu v GA4. Tady jde o základ, na kterém e-commerce měření stojí.
GA4 přímo, nebo přes Google Tag Manager?
GA4 jde na web vložit dvěma způsoby: přímo kódem Google tag (gtag.js), nebo přes kontejner GTM. Podle nápovědy Tag Manageru umí Google tag posílat data jen do služeb Googlu, zatímco GTM spravuje i značky jiných nástrojů a vlastní kód.
GTM dává smysl, když:
- chcete měřit vlastní události a měnit je bez nového nasazení webu,
- na webu poběží i další značky, třeba reklamní pixely,
- potřebujete změny předem vyzkoušet v náhledu a mít historii verzí s možností návratu.
Zbytečný je u jednoduchého webu, kde se měří jen návštěvnost a nic dalšího nepřibude. Tam stačí Google tag nebo nativní propojení, které nabízí platforma.
Častá chyba je kombinace obou cest: GA4 je vložená v kódu webu a zároveň v GTM. Zobrazení stránek a události se pak mohou posílat dvakrát a čísla v reportech jsou nafouknutá. Shoptet na to ve své nápovědě výslovně upozorňuje a doporučuje nechat jen jeden způsob nasazení.
Jak nastavení probíhá
1. Ujasnění, co měřit
Nejdřív se sepíše, které akce na webu jsou pro vás důležité a co z nich chcete v GA4 vidět. Bez toho se snadno měří všechno a nic z toho se nepoužívá.
2. Účty, kontejner a vlastnost GA4
Založí se nebo zkontrolují účty GA4 a GTM a kontejner se vloží na web. Na Shoptetu se ID kontejneru vyplní v Propojení → Google → Tag Manager, na WordPressu lze použít plugin, například GTM4WP. Ve vlastnosti GA4 se nastaví uchování dat a klíčové události.
3. dataLayer a vlastní události
Kde nestačí to, co GTM vyčte ze stránky, posílá web údaje do datové vrstvy (dataLayer) voláním dataLayer.push(). GTM z ní události přečte a předá je do GA4. Názvy událostí a parametrů se drží jednotně, aby se v reportech daly najít.
4. Ověření a publikace
Každá změna se projde v náhledovém režimu GTM, který ukazuje, které značky se spustily a s jakými daty. V GA4 se příchozí události zkontrolují v DebugView. Teprve pak se kontejner publikuje jako nová verze, ke které se dá později vrátit.
Co dostanete
- kontejner GTM se značkami, triggery a proměnnými pojmenovanými tak, aby se v nich vyznal i někdo další,
- vlastnost GA4 s nastaveným uchováním dat a klíčovými událostmi,
- vlastní události (například odeslání formuláře, kliknutí na kontakt) a popis toho, co web posílá do dataLayer,
- ověření v náhledu GTM a v DebugView,
- u auditu přehled nálezů s doporučeným pořadím oprav.
Na co si dát pozor
Výchozí uchování dat jsou 2 měsíce
GA4 drží data ve výchozím stavu 2 měsíce a změnu je potřeba udělat ručně v administraci. Standardní vlastnost umí nejvýš 14 měsíců a nastavení se netýká standardních agregovaných reportů, hlavně průzkumů. Výchozího nastavení si proto snadno nikdo nevšimne, dokud nepotřebuje porovnat delší období.
V GA4 nejsou konverze, ale klíčové události
V GA4 se důležité akce jmenují klíčové události (key events). Slovo konverze je vyhrazené pro Google Ads, kde se z klíčové události dá konverze vytvořit. Standardní vlastnost jich má nejvýš 30, takže se vyplatí označit jen ty, které opravdu něco znamenají.
dataLayer se nesmí přepsat
Podle dokumentace Googlu se datová vrstva zakládá co nejvýš v kódu, nad kontejnerem, zápisem window.dataLayer = window.dataLayer || [];. Pokud ji nějaký skript později přiřadí znovu, značky se nemusí spustit. Chyba se projeví tak, že část událostí tiše chybí.
Souhlas a rychlost webu
GA4 používá analytické cookies. § 89 odst. 3 zákona o elektronických komunikacích vyžaduje k ukládání údajů do zařízení uživatele předchozí souhlas a výjimku dává jen technickému ukládání. ÚOOÚ mezi účely, na které se souhlas od roku 2022 vztahuje, výslovně řadí analýzy a statistiky, takže GA4 v Česku podle tohoto výkladu potřebuje předchozí souhlas. Předání volby z cookie lišty značkám Googlu řeší Consent Mode v2. A každá další značka v kontejneru je skript navíc; skripty třetích stran podle web.dev mohou web zpomalit. Když je web pomalý, pomůže audit rychlosti webu.
Kolik stojí nastavení GA4 a GTM
V ceníku je měření uvedené „dle rozsahu“, orientační hodinová sazba z ceníku je od 500 Kč/hod. Cena závisí hlavně na tom:
- kolik vlastních událostí se má měřit a jestli je umí web poslat do dataLayer sám, nebo je potřeba do webu sáhnout,
- jestli se staví od začátku, nebo se nejdřív musí uklidit stávající měření,
- jestli k základu přibude e-commerce, konverze Google Ads nebo Consent Mode.
Rozsah se ujasní po krátké poptávce.
Časté otázky
Potřebuji Google Tag Manager, když mám GA4?
Ne vždy. Na měření návštěvnosti stačí GA4 sama. GTM se vyplatí, když chcete vlastní události, další značky nebo změny bez zásahu do kódu webu.
Co je dataLayer?
Datová vrstva je objekt na stránce, přes který web předává údaje GTM a Google tagu. Web do ní posílá události a hodnoty příkazem dataLayer.push() a GTM je z ní čte.
Jak ověřím, že měření funguje?
V náhledovém režimu GTM uvidíte, které značky se při vaší návštěvě spustily a s jakými daty. V GA4 pak v DebugView zkontrolujete, že události opravdu dorazily a mají správné parametry.
Proč se události v GA4 posílají dvakrát?
Nejčastěji proto, že je GA4 nasazená dvakrát: v kódu webu nebo přes propojení platformy a zároveň v GTM. Řešením je nechat jen jeden způsob.
Komu mají patřit účty GA4 a GTM?
Doporučení je, aby účty GA4 i GTM vlastnil přímo provozovatel webu a dodavatel v nich měl jen přístup. Při změně dodavatele pak o data ani nastavení nepřijdete.
Zdroje
- Tag Manager Help: Introduction to Tag Manager
- Analytics Help: Google Analytics 4 has replaced Universal Analytics
- Analytics Help: Enhanced measurement events
- Tag Manager Help: Google Tag Manager vs. gtag.js
- Shoptet Podpora: Nastavení Google Analytics
- Shoptet Podpora: Google Tag Manager
- WordPress.org: GTM4WP plugin
- Google for Developers: The data layer
- Tag Manager Help: Preview and debug containers
- Analytics Help: Monitor events in DebugView
- Tag Manager Help: Publishing, versions, and approvals
- Analytics Help: Get started with Explorations
- Analytics Help: Data retention
- Analytics Help: Conversions vs. key events in Google Analytics
- Analytics Help: [GA4] Configuration limits
- Zákony pro lidi: zákon č. 127/2005 Sb., o elektronických komunikacích
- ÚOOÚ: Cookies od začátku roku 2022 pouze se souhlasem
- web.dev: Load Third-Party JavaScript