- Početna
- Vodiči
- Google ekosustav vodič
- Google Tag Manager: container, tagovi i Preview
Oriphiel vodič
Google Tag Manager: container, tagovi i Preview
Vodič za Google Tag Manager account, web container, Drupal ugradnju, Preview mode, tagove, triggere, varijable, verzije i dokumentaciju promjena.
Što Google Tag Manager zapravo rješava
Google Tag Manager je centralno mjesto za upravljanje tagovima na web stranici. Umjesto da se svaki GA4 event, Google Ads konverzija, remarketing tag ili klik na telefon ručno dodaje u kod weba, tagovi se održavaju kroz jedno sučelje.
GTM nije zamjena za GA4. GTM šalje podatke prema GA4, Google Adsu i drugim alatima. GA4 zatim prikazuje izvještaje. Zato prvo morate imati GA4 Measurement ID, a zatim GTM container kroz koji ćete kontrolirano slati page_view i evente.
Minimalni cilj nakon postavljanja
- Postoji jedan GTM account i jedan web container za domenu.
- Container ID koji počinje s GTM- ugrađen je na sve javne stranice.
- GTM Preview pokazuje da se container učitava na početnoj, landing i kontakt stranici.
- GA4 tag u GTM-u šalje page_view u ispravan GA4 web stream.
- Postoji jasna rutina: svaka promjena se testira u Preview modu prije objave.
Korak 1: otvorite GTM account i web container
U Tag Manager ulazite istim poslovnim Google računom koji je vlasnik ostalih alata. Account obično predstavlja tvrtku ili brend, a container predstavlja jednu web stranicu ili aplikaciju.
Za web stranicu odaberite Web container. Nemojte koristiti jedan container za više nepovezanih webova jer će tagovi, triggeri i varijable brzo postati nečitljivi.
Preporučene postavke
- Account name neka bude naziv tvrtke ili brenda.
- Container name neka bude domena, primjerice www.oriphiel.hr.
- Target platform odaberite Web.
- Zapišite Container ID koji počinje s GTM-.
- Dodajte barem još jednog administratora ako alat ne smije ovisiti o jednoj osobi.
Korak 2: ugradite GTM kod na web
GTM mora biti prisutan na svim javnim stranicama koje želite mjeriti. Ako je ugrađen samo na početnu stranicu, izvještaji i eventovi neće imati smisla.
U Drupalu se GTM može ugraditi kroz odgovarajući modul, kroz temu ili kroz postojeći Google Tag modul ako podržava container. Bitno je da ne instalirate paralelno više različitih rješenja koja šalju iste GA4 podatke.
Provjera ugradnje
- GTM script dio treba biti u head dijelu stranice ili kroz provjereni Drupal modul.
- Noscript dio treba biti odmah nakon otvaranja body taga ako se ručno ugrađuje puni snippet.
- Container se mora učitavati na početnoj, člancima, landing stranicama i kontakt stranici.
- Admin stranice možete isključiti ako ne želite miješati interni promet s javnim posjetima.
- Ne dodajte istovremeno direktni GA4 tag i GA4 tag kroz GTM ako šalju isti page_view.
Korak 3: koristite Preview prije svake objave
Preview mode je obavezan dio rada u GTM-u. On pokazuje koji tagovi su se pokrenuli, koji nisu, na kojem URL-u i zbog kojeg triggera. Bez toga se promjene objavljuju naslijepo.
Kad kliknete Preview, Tag Assistant otvara testnu sesiju. Tada otvorite web stranicu, napravite testne klikove i provjerite ispaljuje li se ono što očekujete.
Što testirati u Preview modu
- Container se povezuje s domenom i prikazuje događaje Page View, DOM Ready i Window Loaded.
- GA4 Google tag ili GA4 config tag fired na svim javnim stranicama.
- Form submit event fired samo nakon stvarnog slanja forme, ne na običan klik.
- Phone click fired samo na tel: linkovima.
- Email click fired samo na mailto: linkovima.
- CTA click fired samo na važnim pozivima na akciju koje stvarno želite pratiti.
Korak 4: prvo dodajte GA4 tag, zatim evente
Prvi tag u GTM-u obično je Google tag ili GA4 konfiguracijski tag s Measurement ID-jem koji počinje s G-. Taj tag mora slati page_view na All Pages.
Tek kada osnovni page_view radi, dodaju se event tagovi. Ako page_view ne radi, eventovi nemaju stabilnu osnovu i kasnije će biti teško znati gdje je greška.
Redoslijed rada
- Dodajte Google tag ili GA4 tag s G- Measurement ID-jem iz GA4 web streama.
- Trigger postavite na Initialization ili All Pages, ovisno o načinu implementacije.
- Provjerite Realtime i DebugView u GA4.
- Nakon toga dodajte evente za form submit, phone_click, email_click i cta_click.
- Svaki event testirajte odvojeno prije objave containera.
Korak 5: složite jasne triggere
Trigger definira kada se tag pali. Ako je trigger preširok, tag će se paliti prečesto i napuhati podatke. Ako je preuzak, važni događaji neće biti zabilježeni.
Za početak su dovoljni jednostavni triggeri: All Pages za osnovni GA4 tag, tel link za telefon, mailto link za email i specifičan form submit ili thank-you signal za formu.
Primjeri triggera
- All Pages za osnovni GA4 page_view.
- Click URL starts with tel: za phone_click.
- Click URL starts with mailto: za email_click.
- Form ID ili CSS selector za konkretnu formu ako GTM može pouzdano prepoznati submit.
- Thank-you URL ili dataLayer event kao stabilnija opcija za uspješno slanje forme.
- Click Classes ili Click Text samo ako su dovoljno stabilni i neće se često mijenjati.
Korak 6: koristite varijable i naming convention
Varijable pomažu da GTM zna što je korisnik kliknuo, na kojem URL-u se nalazi i koji se element aktivirao. Bez varijabli ćete teško razlikovati važan CTA od običnog linka.
Naming convention je bitan jer GTM s vremenom raste. Ako tagove nazivate nasumično, za nekoliko mjeseci nitko neće znati što se smije promijeniti.
Preporučeni nazivi
- Tag: GA4 - page_view - all pages.
- Tag: GA4 event - phone_click.
- Tag: GA4 event - contact_form_submit.
- Trigger: click - tel links.
- Trigger: form - contact form submit.
- Variable: ga4_measurement_id ako želite centralno držati G- ID.
Korak 7: objavljujte verzije s opisom
GTM promjene nisu stvarno aktivne dok ne kliknete Submit i objavite novu verziju. Svaka verzija treba imati kratak opis što je promijenjeno.
Opis verzije nije administrativna formalnost. Kad nešto kasnije prestane raditi, upravo kroz verzije možete vidjeti kada je promjena uvedena i vratiti se na prethodno stanje.
Prije klika na Submit
- Preview test je prošao na barem dvije javne stranice.
- GA4 DebugView prima očekivane evente.
- Nema duplih eventova za isti klik ili submit.
- Naziv verzije opisuje promjenu, primjerice Add GA4 phone and email click events.
- Ako promjena utječe na Google Ads konverzije, testirajte i Ads conversion status.
Korak 8: dokumentirajte što GTM šalje
GTM je opasan kada nitko ne zna što se u njemu nalazi. Dovoljna je jednostavna tablica: naziv taga, što šalje, gdje se pali, u koji alat šalje podatke i tko ga je zadnji mijenjao.
Dokumentacija je posebno važna ako GTM koristi više osoba ili ako kasnije mijenjate izvođača. Bez dokumentacije se stari tagovi često ostave aktivni i stvaraju duple podatke.
Što zapisati
- Naziv taga i njegova svrha.
- Trigger koji ga pokreće.
- GA4 event name ili Google Ads conversion label.
- Datum objave i verzija containera.
- Napomena je li tag kritičan za konverzije ili samo pomoćni signal.
Najčešće greške
GTM najčešće ne puca zato što je pogrešno ugrađen, objavljen bez preview testa ili zato što su triggeri preslabo definirani. Druga česta greška su dupli tagovi: GA4 radi direktno na webu i dodatno kroz GTM.
Izbjegnite ove situacije
- GTM container nije ugrađen na sve važne stranice.
- Direktni GA4 tag i GTM šalju duple page_view evente.
- Tagovi, triggeri i varijable nemaju dosljedne nazive.
- Container se objavljuje bez testiranja i opisa verzije.
Minimalna GTM checklista prije objave
Prije objave containera provjerite ovu listu. Ako tag nije testiran u Preview modu, nije spreman za produkciju.
- Container ID počinje s GTM- i ugrađen je na sve javne stranice.
- GTM Preview se spaja na web bez greške.
- GA4 page_view tag fired samo jednom po stranici.
- Phone, email i form eventovi fired samo za stvarne radnje.
- Event names su dogovoreni i zapisani prije slanja u GA4.
- Nema paralelnog direktnog GA4 taga koji šalje iste podatke kao GTM.
- Nova verzija ima opis promjene prije objave.
- Nakon objave provjeren je GA4 Realtime ili DebugView.
Česta pitanja
Treba li GTM ako već imam GA4?
Ako želite samo osnovni page_view, direktni GA4 tag može biti dovoljan. Ako želite mjeriti forme, klikove, Google Ads konverzije i više alata, GTM je urednije i fleksibilnije rješenje.
Smijem li imati GA4 direktno na webu i kroz GTM?
Ne ako oba šalju isti page_view u isti stream. Tada se podaci mogu duplirati. Odaberite jedan način instalacije i dokumentirajte ga.
Što znači da je tag fired?
To znači da je GTM pokrenuo tag zbog određenog triggera. U Preview modu treba provjeriti i zašto je fired, ne samo da se pojavio u listi.
Zašto form submit nije uvijek pouzdan u GTM-u?
Neke forme koriste AJAX, validaciju ili redirect bez klasičnog submit događaja. U tom slučaju je bolji thank-you URL, dataLayer event ili integracija na razini forme.
Kada objaviti novu GTM verziju?
Tek nakon što Preview i GA4 DebugView pokažu očekivano ponašanje. Svaka verzija treba imati jasan naziv i opis što je promijenjeno.