Google Tag Manager i GA4: vodič za postavljanje na webshop

Google Tag Manager i Google Analytics 4 zvuče kao ista stvar, i to je razlog broj jedan zašto ljudi pomešaju šta im tačno treba. Nisu ista stvar. Oba ti trebaju, iz različitih razloga, i tek kad rade zajedno znaš koliko ti koji oglas donosi.

Ovaj vodič ide redom kojim se posao zaista radi: prvo proveriš šta već postoji na sajtu, pa postaviš Tag Manager, pa GA4, pa merenje kupovine, i na kraju proveriš da sve broji tačno. Primeri su za WooCommerce i Shopify, jer na njima radi većina prodavnica u Srbiji.

0 GTM i GA4: šta je šta

Google Tag Manager (GTM) je centralno mesto odakle se na sajt kače svi kodovi za merenje: GA4, Meta Pixel, Google Ads konverzija, Microsoft Clarity. Na sajt se jednom ubaci kod kontejnera, a sve ostalo se posle dodaje i menja u GTM-u, bez diranja teme. GTM sam ne pravi nikakve izveštaje, samo prosleđuje podatke.

Google Analytics 4 (GA4) je mesto gde stvarno gledaš brojeve: ko dolazi, odakle, šta radi na sajtu i da li kupuje. GTM mu šalje podatke, GA4 ih čuva i prikazuje u izveštajima.

GA4 možeš da postaviš i bez GTM-a, preko plugina ili aplikacije. To je u redu dok ti treba samo GA4. Čim dođu Pixel, Google Ads i ostali alati, GTM štedi vreme i sprečava da se kodovi rasture po temi, pluginovima i podešavanjima platforme.

↑ Na sadržaj

1 Pre nego što kreneš: šta već postoji na sajtu

Većina prodavnica već ima nešto postavljeno, samo niko ne zna šta. Ako to preskočiš i dodaš GA4 preko postojećeg, dobiješ duplo brojanje, a duplo brojanje je gore od nikakvog merenja jer izgleda ispravno.

1. Pokreni Tag Assistant. Otvori tagassistant.google.com, klikni Add domain, upiši adresu sajta i Connect. Za par sekundi vidiš šta je pronađeno.
2. Zapiši sve oznake. GTM- znači da kontejner postoji. G- znači da postoji GA4. UA- je stari Universal Analytics, koji od 2023. ništa ne beleži. AW- je Google Ads.
3. Proveri čiji su nalozi. Za svaki GTM- i G- broj proveri da li ga vidiš u svom Google nalogu. Ako ga ne vidiš, postavila ga je agencija ili bivši saradnik i podaci nisu tvoji.
4. Pogledaj pluginove. Na WordPress-u traži Site Kit, MonsterInsights, GA Google Analytics, Google for WooCommerce, GTM4WP i pluginove za ubacivanje koda u zaglavlje. Svaki od njih može da šalje GA4 sam.

Ako se ispostavi da GA4 već postoji i da je tvoj, ne pravi novi. Preskoči na poglavlje 2 i postavi GTM, pa u poglavlju 4 prebaci GA4 da ide kroz GTM i ukloni stari način postavljanja.

↑ Na sadržaj

2 Google Tag Manager: nalog, kontejner i kod na sajtu

2.1 Nalog i kontejner

1. Otvori tagmanager.google.com sa poslovnim Google nalogom i klikni Create Account.
2. Account name: ime firme. Zemlja: Srbija.
3. Container name: adresa sajta, na primer prodavnica.rs. Target platform: Web.
4. Prihvati uslove. GTM odmah prikaže dva komada koda i tvoj ID koji počinje sa GTM-.

Jedan nalog po firmi, jedan kontejner po sajtu. Ako imaš dva sajta, to su dva kontejnera u istom nalogu.

2.2 Kod na sajtu

GTM daje dva komada koda. Prvi ide u <head>, što više na vrhu. Drugi ide odmah posle otvaranja <body>. Kod se ubacuje jednom, na sve stranice, i posle toga ga više ne diraš.

2.3 Ništa ne radi dok ne objaviš

Svaka izmena u GTM-u stoji u radnom prostoru (Workspace) dok ne klikneš Submit, pa Publish. Gore desno piše Workspace Changes sa brojem izmena koje čekaju. Ako je broj veći od nule, sajt radi po staroj verziji.

Pri objavljivanju uvek upiši ime verzije, na primer „GA4 osnovno, 14.10.”. Za tri meseca, kad nešto prestane da radi, u meniju Versions za minut nađeš šta je i kada menjano i vratiš staru verziju.

↑ Na sadržaj

3 Google Analytics 4: property i podešavanja koja se preskoče

3.1 Property i tok podataka

1. Otvori analytics.google.com sa istim poslovnim nalogom. Admin, Create, Property.
2. Ime: ime prodavnice. Vremenska zona: Srbija (Beograd). Valuta: RSD, ili EUR ako prodaješ u evrima. Ovo se kasnije teško menja, zato podesi odmah.
3. Detalji o firmi i ciljevi: izaberi ono što odgovara, na izveštaje utiče samo koji se paketi izveštaja uključe na početku.
4. Platforma: Web. Upiši adresu sajta i ime toka.
5. Kad se tok napravi, gore desno piše Measurement ID koji počinje sa G-. Taj broj ti treba u GTM-u.

3.2 Poboljšano merenje

U toku podataka je uključeno Poboljšano merenje (Enhanced measurement). Ono samo, bez ijednog dodatnog taga, beleži preglede stranica, skrolovanje, klikove na linkove ka drugim sajtovima, pretragu na sajtu, preuzimanje fajlova i pregled video snimaka. Ostavi ga uključenog.

Jedino proveri pretragu na sajtu: klikni na zupčanik pored Poboljšanog merenja, pa Show advanced settings. GA4 prepoznaje pretragu po parametru u adresi, a WooCommerce koristi s, što je već na listi. Ako tvoja pretraga koristi drugi parametar, dopiši ga.

3.3 Čuvanje podataka: 14 meseci umesto 2

GA4 detaljne podatke podrazumevano čuva samo 2 meseca. Posle toga ne možeš da napraviš poređenje „ovaj novembar i prošli novembar”. Admin, Data collection and modification, Data retention, i za Event data retention izaberi 14 months. Važi samo od trenutka izmene, unazad ne vraća ništa, zato je ovo prvi klik posle pravljenja property-ja.

3.4 Tvoje posete ne ulaze u brojke

Dok je saobraćaj mali, tvoje posete i posete tima su ozbiljan deo brojki. Sajt izgleda posećenije, a konverzija gora nego što jeste.

1. Admin, Data streams, tvoj tok, Configure tag settings, Show all, Define internal traffic. Napravi pravilo sa svojom IP adresom (nađeš je na whatismyipaddress.com).
2. Admin, Data filters. Filter Internal Traffic postoji, ali je u stanju Testing. Prebaci ga na Active, inače se posete i dalje broje.

3.5 Pristup za saradnike

Admin, Property access management. Agenciji ili programeru daj ulogu Editor, a sebi zadrži Administrator. Isto uradi u GTM-u (Admin, User Management). Kad se saradnja završi, ukloniš osobu i sve ostaje tvoje.

↑ Na sadržaj

4 GA4 kroz Tag Manager: prvi tag

Sad povezuješ ta dva: u GTM-u napraviš tag koji na svakoj stranici šalje podatke u tvoj GA4.

1. U GTM-u: Tags, New. Tag Configuration: Google Tag.
2. Tag ID: tvoj Measurement ID (G-...). Najbolje ga sačuvaj kao promenljivu tipa Constant, pa ga u svim GA4 tagovima biraš iz liste i nikad ga ne prekucavaš.
3. Triggering: Initialization - All Pages. Tag se pali pre svih ostalih, na svakoj stranici.
4. Ime taga: „GA4, Google tag”. Save.
5. Preview, proveri (poglavlje 6), pa Submit i Publish.

4.1 Cookie baner

Ako na sajtu imaš cookie baner sa dugmetom Odbij, a treba da ga imaš, GA4 i ostali tagovi smeju da se pale tek kad posetilac pristane. Većina banera (Cookiebot, CookieYes, Complianz i slični) ima gotov šablon za GTM koji podešava Googleov Consent Mode, pa Google tagovi sami čekaju pristanak. Posle podešavanja proveri: klikni Odbij i u Tag Assistant-u pogledaj da GA4 ne šalje podatke kao da si pristao.

Odbijen pristanak znači da deo poseta i kupovina nikad neće stići u GA4. To je cena poštovanja zakona i tako treba da bude. Bitno je samo da znaš da će GA4 uvek videti nešto manje nego prodavnica.

↑ Na sadržaj

5 Kupovina i koraci pre kupovine

Posete su lepe, ali za prodavnicu je najvažniji jedan događaj: purchase, kupovina sa tačnim iznosom. Po tom broju Google Ads uči koga da traži, a ti računaš da li se oglas isplati. Ako Google misli da je porudžbina od 5.000 dinara vredela nula, ugasićeš kampanju koja ti je donosila novac.

Pored kupovine, GA4 treba da vidi i korake do nje, da bi znao gde kupci odustaju:

Hiljadu ljudi vidi proizvod, pedeset doda u korpu, deset kupi. Kad imaš sva četiri koraka, u izveštaju Monetization, Purchase journey vidiš gde je najveći pad: na proizvodu, u korpi ili na kasi. Tako znaš šta prvo da popravljaš.

5.1 Tri polja koja kupovina mora da ima

• value: iznos porudžbine. Odluči da li je sa dostavom i PDV-om ili bez, i neka bude tako uvek.
• currency: RSD ili EUR. Bez valute GA4 iznos ne računa kako treba.
• transaction_id: broj porudžbine iz prodavnice. Po njemu se prepoznaje ista kupovina poslata dvaput.

5.2 WooCommerce: GTM4WP i jedan GA4 tag

WordPress sam ne zna da kaže GTM-u šta je kupljeno. Taj posao radi plugin, koji podatke o proizvodima i porudžbini stavlja u dataLayer, zajednički sloj podataka iz koga GTM čita.

1. U GTM4WP podešavanjima: Integration, WooCommerce, uključi Track e-commerce. Plugin od tada šalje view_item, add_to_cart, begin_checkout i purchase sa svim podacima.
2. U GTM-u napravi okidač (Trigger) tipa Custom Event. Event name: view_item|add_to_cart|begin_checkout|purchase, sa kvačicom Use regex matching.
3. Napravi tag Google Analytics: GA4 Event. Measurement ID iz promenljive. Event Name: ugrađena promenljiva {{Event}} (uključi je u Variables, Configure, ako je nema). U More Settings, Ecommerce, uključi Send Ecommerce data, izvor Data Layer.
4. Poveži tag sa okidačem iz koraka 2, Preview, test kupovina, pa Publish.

Jedan tag pokriva sva četiri događaja, jer ime događaja dolazi iz plugina. Kad sutra dodaš view_cart ili add_payment_info, samo ih dopišeš u okidač.

5.3 Shopify: aplikacija radi posao

Na Shopify-ju instaliraš zvaničnu aplikaciju Google & YouTube, povežeš Google nalog i izabereš GA4 property. Aplikacija sama šalje preglede, korake i kupovinu, uključujući kasu, gde GTM ne može da uđe. Ako je GA4 kod ranije ručno nalepljen u theme.liquid, ukloni ga.

5.4 Kupovina kao ključni događaj

U GA4, Admin, Events: kupovina (purchase) je podrazumevano označena kao ključni događaj (Key event, ranije se zvalo konverzija). Proveri da kvačica stoji. Ključni događaji su ono što kasnije uvoziš u Google Ads.

↑ Na sadržaj

6 Provera: Preview, DebugView i test kupovina

Merenje koje nije provereno je pretpostavka. Provera traje petnaest minuta i radiš je posle svake veće izmene.

6.1 Preview u GTM-u

U GTM-u klikni Preview i upiši adresu sajta. Sajt se otvara u novom prozoru, a u Tag Assistant-u vidiš koji tag se upalio na kom koraku. Prođi kroz sajt kao kupac: početna, proizvod, korpa, kasa. Na svakom koraku proveri da se pravi tag upalio (Tags Fired) i da nema taga koji je trebalo da se upali a stoji u Tags Not Fired.

6.2 DebugView u GA4

Dok je Preview otvoren, u GA4 otvori Admin, Data display, DebugView. Za minut se pojavi tvoj uređaj i niz događaja. Napravi test kupovinu: proizvod, korpa, kasa, poruči pouzećem i zapiši broj porudžbine i iznos. Klikni na purchase i proveri da value, currency i transaction_id odgovaraju porudžbini. Posle otkaži porudžbinu u adminu, da kurir ne krene po nju.

6.3 Realtime i prvih 48 sati

Izveštaj Realtime pokazuje posete u poslednjih 30 minuta i dobar je za brzu proveru da podaci uopšte stižu. Standardni izveštaji kasne, do 24 do 48 sati. Ako ti u Monetization juče nema ničega, sačekaj dan pre nego što počneš da tražiš grešku.

6.4 Posle nedelju dana: GA4 i prodavnica

Uzmi istih 7 dana u GA4 (broj transakcija) i u adminu prodavnice (porudžbine sa sajta, bez telefonskih i test porudžbina). Ako GA4 vidi 90% ili više, merenje je dobro. Ako vidi manje od 80%, nešto se gubi, najčešće plaćanje karticom. Ako vidi više od 100%, nešto se broji dvaput.

↑ Na sadržaj

7 Povezivanje sa Google Ads i Search Console

GA4 sam po sebi samo prikazuje brojke. Tek kad ga povežeš sa ostalim Google alatima, ti podaci počnu da rade za tebe.

Kod Google Ads veze uključi automatsko označavanje (auto-tagging) u Google Ads nalogu, da GA4 tačno zna koji klik je došao sa kog oglasa. Bez toga se deo poseta sa oglasa vodi kao običan Google saobraćaj.

Za Meta oglase isti GTM služi i za Meta Pixel. Kako Pixel i Conversions API rade zajedno, pročitaj u tekstu Meta Pixel i CAPI.

↑ Na sadržaj

8 Najčešće greške

Skoro sve iz ove tabele se vidi za pola sata, ako znaš gde da gledaš. Zato merenje ne treba postaviti jednom pa zaboraviti, nego ga proveriti posle svake veće izmene sajta, teme ili pluginova.