Web analitika je posao da brojke na sajtu budu vjerodostojne: pravi događaji u Google Analytics 4, kontejner tagova koji se može mijenjati bez loma ostalog, i pristanak koji izdrži GDPR. Bez toga marketing javlja rast posjeta dok prodaja ne vidi narudžbe, i niko ne zna koja cifra ne valja.
Sadržaj
U CodeWizu uvodimo GA4, Google Tag Manager i server-side tagging za prodavnice, SaaS proizvode, izdavače i kampanjske sajtove. Definišemo događaje koji prate način na koji firma zarađuje, tagove držimo iza signala pristanka i ostavljamo vam kontejner, plan mjerenja i dashboard koji se da pročitati ponedjeljkom ujutro.
Usluga je za timove kojima je GA4 property otvoren i ostavljen samo na enhanced measurementu, kompanije koje oglašavaju prema EEA i trebaju Consent Mode v2, prodavnice kojima broj kupovina nikad ne odgovara pružaocu plaćanja, i svakoga kome je Tag Manager kontejner postao gomila custom HTML-a koju niko ne smije objaviti.
Kod teme analitika alati otvorenog koda su prvi izbor kada odgovaraju poslu.
Web analitika u Google Analytics 4
GA4 je model događaja. Pregledi stranica, scroll, klikovi i kupovine su događaji sa parametrima, a ne stara struktura sesija i hitova iz Universal Analyticsa. Koristan property je namjerno mali: nekoliko streamova, šema imena i key events koji prate prihod ili leadove. Property sa osamdeset događaja koje niko ne otvara nije sistem mjerenja.
Analitika kreće od sistema koji već radi, a ne od praznog šablona.
Šta podešavamo
- Jedan data stream po sajtu (ili po platformi, kada su prodavnica i marketing sajt zaista odvojeni), sa spiskom domena i cross-domain mjerenjem zapisanim na papiru.
- Enhanced measurement pregledan stavku po stavku. Automatski scroll i odlazni klikovi ostaju samo ako će ih neko koristiti; dupli page view iz taga i iz enhanced measurementa uklanjamo.
- Preporučeni događaji za prodaju i leadove:
view_item,add_to_cart,begin_checkout,purchase,refund,generate_lead, sa nizovima stavki i stabilnimtransaction_id. - Key events označeni za radnje koje optimizujete, filteri internog i developerskog prometa, rok čuvanja podataka koji ste zaista izabrali, i veza ka Google Search Consoleu i ka nalogu za oglase tamo gdje ih koristite.
Provjera podataka prije nego što im iko povjeruje
Događaje provjeravamo u DebugViewu i u realtime izvještaju, zatim prema poznatoj narudžbi ili poslatoj formi. Parametre stavki poredimo sa narudžbom u prodavnici, uključujući valutu i iznos. Gdje obim to opravdava, uključujemo BigQuery izvoz da se sirovi događaji mogu provjeriti i van GA4 sučelja. Googleova dokumentacija za GA4 prikupljanje je referenca za imena događaja i parametre.
Rad na temi analitika ostaje u vašem repozitoriju i na vašoj infrastrukturi.
Google Tag Manager bez špageta tagova
Google Tag Manager je način da tagovi dođu na sajt bez developerskog releasea za svaki piksel. Isti je to način da sajt tiho nakupi tri analitička taga, dva chat widgeta i custom HTML blok koji čita URL. Kontejner tretiramo kao produkcijski kod.
- Ugovor dataLayera: sajt gura imenovane događaje i parametre; tagovi slušaju. Marketing ne struže DOM tražeći cijenu koju će izmjena teme preimenovati.
- Okidači svjesni pristanka: korak Consent Initialization ide prije ostalih tagova, i svaki Google tag čeka stanje pristanka.
- Šabloni prije custom HTML-a: community i vlastiti šabloni tamo gdje postoje. Custom HTML je izuzetak, pregledan po tome šta učitava, jer i PCI DSS i strogi Content-Security-Policy postaju teži kada se proizvoljne skripte množe.
- Workspace, okruženja i verzije: izmjene se pregledaju na pravom sajtu, imenuju i objavljuje ih neko ko može da vrati staru verziju. Staging i produkcija ne dijele nemaran publish “latest”.
- Single-page aplikacije: promjene historyja i virtuelni page view su izričiti, tako da Laravel, React ili headless prodavnica ne zabilježe jedan page view za cijelu sesiju.
Događaj kupovine koji prodavnica gura izgleda ovako. Tag, a ne tema, odlučuje šta se dalje šalje:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'purchase',
ecommerce: {
transaction_id: order.id,
value: order.total,
currency: 'EUR',
items: [{
item_id: 'SKU-1',
item_name: 'Widget',
price: 59.90,
quantity: 1
}]
}
});Server-side tagging
Klijentski tagovi rade u pregledniku posjetioca, gdje ad blocker, Intelligent Tracking Prevention i kratak vijek kolačića gutaju sve veći dio pogodaka. Server-side tagging (označavanje na serveru) taj korak prosljeđivanja seli na infrastrukturu kojom upravljate. Preglednik šalje jedan zahtjev na first-party host, na primjer metrics.yourdomain.com; taj server odlučuje šta ide u GA4, Google Ads ili conversion API, i može skinuti polja koja ne smiju napustiti vašu mrežu.
Šta se poboljšava
- Manje JavaScripta na stranici, što pomaže Core Web Vitals. Googleov cilj za LCP i dalje je ispod 2,5 sekunde, a gomila marketing tagova čest je razlog što brz sajt to promaši. O tome kako se do tog praga dolazi pisali smo u vodiču za performanse 100/100.
- First-party prikupljanje na poddomenu koji je vaš, obično ispred Cloudflarea. Naše bilješke o Cloudflare konfiguraciji pokrivaju DNS, TLS i keširanje oko takvog hostnamea.
- Kontrola ličnih podataka: adrese e-pošte i brojevi telefona se hashuju ili uklanjaju prije nego što ih dobavljač vidi, i tačno vidite koji su događaji napustili server.
- Pristanak ostaje na snazi. Server-side tagging nije način da mjerite ljude koji su odbili analitičke kolačiće. Server prosljeđuje samo ono što stanje pristanka dozvoljava.
Tag server vodimo na Google Cloud Runu ili na malom VPS-u kada je cloud račun teško opravdati, uz staging kontejner za testove. Deduplikacija koristi zajednički event id, tako da pogodak iz preglednika i pogodak sa servera za istu kupovinu uđu jednom. Podešavanje prati Googleovu dokumentaciju za server-side tagging.
Consent Mode v2 i GDPR
Consent Mode v2 je način na koji Google tagovi saznaju šta je posjetilac dozvolio. Od 2024. mjerenje oglasa i remarketing za promet u Evropskom ekonomskom prostoru, Ujedinjenom Kraljevstvu i Švicarskoj očekuju četiri signala: ad_storage, analytics_storage, ad_user_data i ad_personalization. Podrazumijevano, prije izbora, stanje je odbijeno. Banner koji se pojavi nakon što je GA4 već okinuo nije uveo pristanak; zabilježio je propust.
Kako to uvodimo
- Platforma za upravljanje pristankom, ili banner koji već imate, zapisuje izbor. Taj izbor spajamo sa Consent Modeom i sa svakim tagom van Googlea koji postavlja kolačić ili šalje identifikator.
- Napredni Consent Mode može slati pingove bez kolačića za modelovane konverzije kada posjetilac odbije. Osnovni režim ne šalje ništa dok pristanka nema. Razliku objašnjavamo i uvodimo opciju koju vaš pravni stav dozvoljava. Modelovanje je Googleova procjena, i u izvještajima je tako i označavamo.
- Tagovi za chat, heatmap, reklamne piksele i A/B alate stoje u istoj mapi pristanka. Analitika nije jedina skripta kojoj treba pravni osnov.
- Izbor se pamti, tako da sljedeći pregled stranice ne pita iznova i ne zaboravi. Posjetilac može ponovo otvoriti banner i predomisliti se, a tagovi to prate.
GDPR važi kada nudite robu ili usluge ljudima u EU, što uključuje mnoge firme u Bosni i Hercegovini i Srbiji koje prodaju prema EU, a u Hrvatskoj važi direktno. Domaći propisi o privatnosti i dalje važe kod kuće. Uvodimo tehničke kontrole – pristanak, minimizaciju, rok čuvanja, bez ličnih podataka u URL-ovima i parametrima događaja – i ne zamjenjujemo advokata. Zvanična referenca je Googleov vodič za Consent Mode.
gtag('consent', 'default', {
ad_storage: 'denied',
analytics_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
wait_for_update: 500
});Dashboardi i izvještaji
Property koji niko ne otvara nedovršen je posao. Gradimo kratak izvještaj oko pitanja koja firma postavlja: odakle su posjetioci došli, šta su uradili i da li je to postalo prihod ili lead. Sesije radi sesija, bez konverzije pored njih, ne ulaze na stranicu.
- GA4 explorations za pitanja o putanji i lijevku na koja standardni izvještaji ne odgovaraju.
- Looker Studio za sedmični prikaz ljudima koji ne moraju učiti GA4 sučelje.
- Bilješke kada release, kampanja ili pokvaren tag promijene krivulju, tako da sljedeći mjesec ima datum uz koji se panika veže.
- Bilješka o usklađivanju: narudžbe u prodavnici, naplate kod pružaoca plaćanja i događaji
purchaseneće se poklopiti do centa. Zapisujemo razliku koja dolazi od odbijenog pristanka, ad blockera i napuštenog checkouta, a pad događaja kupovine tretiramo kao bug.
Ponašanje na sajtu i podaci o potražnji u pretrazi odgovaraju na različita pitanja. Za stranu pretrage pogledajte članak o SEO analitici i analizi konkurencije.
Klijent, server ili alat koji čuva privatnost
Google nije jedini pošten način da se sajt mjeri. Izbor zavisi od toga da li kupujete Google Ads, na šta posjetioci pristaju i koliko infrastrukture želite da vodite:
| Pristup | Podaci koje možete očekivati | Odnos prema privatnosti | Tekući trošak | Najbolje odgovara |
|---|---|---|---|---|
| GA4, samo na klijentu | Dobro na preglednicima koji pristanu; slabije gdje rade blokeri i ITP | Zavisi od pristanka i skupa tagova | Nizak | Prezentacioni sajtovi sa malo plaćenog prometa |
| GTM, na klijentu | Isto prikupljanje, mnogo više tagova pod jednim publish dugmetom | Tačno onoliko koliko consent okidači dozvole | Nizak | Sajtovi sa više marketing alata |
| Server-side tagging | Veća stopa poklapanja za oglase i jedna first-party tačka prikupljanja | vi odlučujete šta napušta server; pristanak i dalje važi | Hosting tag servera | Prodavnice i oglašivači kojima trebaju pouzdane konverzije |
| Matomo ili Plausible | Čišći, manji skup događaja; nema Google Ads integracije iste dubine | Jako: Matomo na vlastitom serveru, ili Plausible bez kolačića | Nizak do umjeren | Timovi kojima ne trebaju Google funkcije za oglašavanje |
Open-source analitika je stvarna opcija koju preporučujemo kada Google tagovi ne nose svoju težinu. Matomo na vašem serveru drži sirove podatke kod vas. Plausible je lakša varijanta bez kolačića kada želite trendove, a ne putanje pojedinačnih korisnika.
Najčešće greške u analitici koje ispravljamo
- GA4 property bez key event događaja, pa je svaki izvještaj promet bez ishoda.
- Page view brojan dvaput, jednom iz gtag isječka i jednom iz Tag Managera.
- Adrese e-pošte, imena ili napomene narudžbe završe u URL-u, naslovu stranice ili parametrima događaja.
- Banner pristanka se učita nakon analitičkog taga, ili dugme “odbij” samo sakrije banner.
- Interni promet i promet agencije pomiješani u izvještajima o akviziciji.
- Checkout na jednoj stranici nikad ne okine
purchasejer prikaz zahvalnice nije puno učitavanje stranice. - Nema upozorenja kada događaj kupovine padne na nulu, pa deploy teme može sedmicu ugasiti praćenje prihoda.
Koliko košta web analitika
Obim prati broj sajtova, stanje postojećeg kontejnera i to koliko brojke moraju sjediti uz narudžbe u prodavnici:
- Čisto GA4 i GTM podešavanje na jednom sajtu, uz već izabran banner pristanka, mali je posao.
- Događaji web shopa, povrati i checkout koji nije standardna tema traže više testiranja.
- Server-side tagging dodaje tag server, DNS i deduplikaciju sa platformama za oglase.
- Kontejner koji raste godinama traži reviziju prije nego što se objavi išta novo.
- Looker Studio izvještaji, BigQuery i dodatni dobavljači (oglasi, heatmap, CRM) svaki dodaju određen komad posla.
Cijene alata – GA4 i GTM su besplatni na obimima koje većina sajtova ima, dok Matomo, Plausible, platforma za pristanak ili Cloud Run nisu – ostaju odvojene od procjene implementacije. Nabrajamo ih prije početka rada.
Kako radimo
- Upoznavanje: popisujemo sajtove, odluke koje brojke moraju nositi, tagove koji se već okidaju i alat za pristanak, ako postoji.
- Plan: pišemo plan mjerenja: događaji, parametri, key events, signali pristanka i šta znači “dovoljno blizu prodavnici”.
- Izrada: podešavamo GA4, kontejner i, gdje je u obimu, server-side tagger, prvo na staging okruženju.
- Testiranje: prolazimo stvarne putanje – pristanak dat, pristanak odbijen, kupovina, povrat, lead – u DebugViewu i u logovima tag servera.
- Puštanje: objavljujemo imenovanu verziju kontejnera, poredimo obim događaja sa prethodnim danima i rupe zatvaramo u prvoj sedmici.
- Podrška: plan prilagođavamo kada se sajt ili kampanje promijene, i kontejner čuvamo da se ponovo ne napuni.
Zašto CodeWiz
- Implementacija, a ne slajd: isporučujemo property, kontejner i provjere, i možemo izmijeniti prodavnicu ili aplikaciju kada događaj nema čisto mjesto da se okine.
- Privatnost kao dio izrade: Consent Mode v2, podrazumijevano odbijeno i bez ličnih podataka u payloadu su osnova.
- Open-source kada odgovara: Matomo ili Plausible kada vam ne treba Google stack za oglašavanje.
- Fer cijene: vrhunski razvoj bez vrhunskih cijena, iz Banje Luke, sa klijentima iz regiona i svijeta.
- Jedan tim za cijeli sajt: analitika, performanse, hosting i sama aplikacija. Više o CodeWizu.
Često postavljana pitanja
Koliko košta web analitika?
GA4 i Tag Manager na jednom sajtu, sa provedenim pristankom, kratak je angažman. Praćenje web shopa, revizija starog kontejnera, server-side tagging i dashboardi po mjeri dodaju obim tim redom. Procjenu dobijate nakon što vidimo sajt i postojeće tagove.
GA4 ili alat koji više čuva privatnost?
GA4 koristite kada vodite Google Ads ili trebate integracije za oglašavanje oko njega. Matomo ili Plausible koristite kada želite jednostavnije i privatnije mjerenje i tu integraciju ne kupujete. Neki sajtovi vode oba, alat za privatnost uvijek uključen, a GA4 tek nakon pristanka. Preporučujemo jedan primarni izvor istine, da dva dashboarda ne otvore raspravu.
Da li server-side tagging zamjenjuje banner za kolačiće?
Ne zamjenjuje. Mijenja mjesto na koje se događaji prosljeđuju, a ne to da li vam treba pravni osnov. Consent Mode i dalje kreće od odbijeno, i tag server to stanje mora poštovati. Dobijate kontrolu, manje JavaScripta u pregledniku i bolju stopu poklapanja za posjetioce koji su pristali.
Šta je Consent Mode v2?
To je Googleov protokol kojim se tagovima kaže koja skladištenja i koje reklamne upotrebe je posjetilac dozvolio. Verzija 2 je uz starije zastavice skladištenja dodala ad_user_data i ad_personalization. Za promet iz EEA, UK i Švicarske to je ono što Google Ads očekuje ako želite modelovane konverzije i funkcije publike.
Možete li srediti postojeći Tag Manager kontejner?
Možemo. Popisujemo svaki tag, okidač i custom HTML blok, mapiramo ih na pristanak, uklanjamo duplikate i ostavljamo zapis verzija koji objašnjava šta je objavljeno. Kontejner na koji se drugi oslanjaju ne brišemo bez verzije za rollback.
Koliko traje podešavanje?
Jednostavan sajt često je gotov za nekoliko sedmica, a najveći dio tog vremena ode na testiranje i na čekanje prave kampanje ili nekoliko narudžbi da se brojke potvrde. Server-side tagging, više domena ili checkout sa neuobičajenim koracima traje duže jer svaku putanju treba proći.
Spremni za brojke kojima možete vjerovati?
Recite nam koje izvještaje otvarate i da li su oglasi ili banner pristanka već u igri. Web analitika koju dogovorimo odmah ide u izradu. Kontaktirajte nas, ili pregledajte naše usluge za ostatak onoga što gradimo.