Google Tag Manager — što je i kako

Bez Google Tag Managera (GTM), svaki novi tracking pixel ili konverzija traži developera da mijenja kod. S GTM-om — sve postavljate sami u browseru za 5 minuta. 5–10 sati developer rada mjesečno spasi za prosječnu firmu koja aktivno radi marketing.

GTM nije optionalan u 2026. — to je standardni alat svake ozbiljne digitalne strategije.

1. Što je GTM

GTM je container koji živi na vašoj stranici. Umjesto da imate hardkodirane Google Analytics, Meta pixel, LinkedIn pixel, TikTok pixel — svi se učitavaju kroz GTM container.

Bez GTM

<head>
  <script>GA4 kod...</script>
  <script>Meta pixel...</script>
  <script>TikTok pixel...</script>
  <script>LinkedIn Insight...</script>
  <script>Hotjar...</script>
  <script>...</script>
</head>

Svaki dodatak = developer change.

S GTM

<head>
  <script>GTM container code (1× postavljen)</script>
</head>

Sve ostalo kroz GTM dashboard, bez developera.

2. Setup za hrvatsku stranicu

Korak 1: Account + container

Idite na tagmanager.google.com
Create account → ime firme
Create container → URL stranice
Target platform: Web (osim ako imate mobile app)
Save → dobivate Container ID (GTM-XXXXXX)

Korak 2: Install GTM kod

WordPress (najlakše):

Plugin: GTM4WP ili Site Kit by Google. Unesi GTM ID, plugin postavlja kod.

Direktan kod:

GTM daje dva snippeta:

<head> snippet — prije zatvarajućeg head taga
<body> snippet — odmah nakon otvarajućeg body taga

Oba moraju biti instalirana.

Korak 3: Test

Otvorite GTM → Preview mode
Vaša stranica se otvara u debug modu
Vidite svaki event koji se trigger-a
Test sve scenarije (form submit, button click)

3. Prvi tagovi za postaviti

1. Google Analytics 4

Tip tag: Google Analytics: GA4 Configuration

Measurement ID: G-XXXXXXXXXX
Trigger: All Pages

To je sve. GA4 počinje raditi.

2. GA4 Events

Tip tag: Google Analytics: GA4 Event

Event name: npr. generate_lead
Trigger: Form Submission ili Click

3. Meta Pixel

Tip tag: Custom HTML (Meta nativni tag u GTM galeriji)

Pixel ID
Trigger: All Pages za PageView
Posebni events za Purchase, Lead, AddToCart

4. Google Ads Conversion

Tip tag: Google Ads Conversion Tracking

Conversion ID
Conversion Label
Trigger: konverzijska akcija

4. Triggers — kada se tag triggera

Najčešći triggers

All Pages: svaki page load.

Page View — Some Pages: specifične URL-ove (npr. samo Thank You page).

Form Submission: kada se forma submita.

Click — All Elements: klik na bilo što.

Click — Just Links: klik na linkove.

Click — Element Matches CSS Selector: klik na specifični element.

Custom Event: custom dataLayer event-i (advanced).

Trigger conditions

Možete dodati uvjete:

“Click URL matches /thank-you/”
“Page Hostname equals siite.hr”

Tako trigger fire-a samo u specifičnim slučajevima.

5. Variables — što su

Variables vam omogućuju dinamičke vrijednosti u tagovima.

Built-in variables

GTM ima built-in:

{{Page URL}}
{{Click URL}}
{{Click Text}}
{{Form ID}}

Custom variables

Možete kreirati:

{{User ID}} — ako je user logovan
{{Cart Value}} — za e-commerce
{{Conversion Type}} — kategorija konverzije

dataLayer

Programer push-a podatke u dataLayer:

dataLayer.push({
  'event': 'purchase',
  'value': 150,
  'currency': 'EUR'
});

GTM čita to i prosljeđuje na pixele.

6. Best practices

Naming convention

Tagovi:

GA4 - All Pages
GA4 - Lead Form Submit
Meta Pixel - PageView
Meta Pixel - Lead Event

Triggers:

Trigger - All Pages
Trigger - Contact Form Submit
Trigger - Thank You Page View

Konzistentnost = lakše održavanje.

Folders

Organize po platformi:

Google Analytics
Google Ads
Meta
LinkedIn
Custom

Versions

GTM auto-saves versions. Možete:

Comment svaku verziju
Rollback na prethodnu ako nešto pukne
Tested before publish

7. GTM vs direktan kod

GTM Plus

Bez developera za sve nove pixele
Centralized management
Version control
Preview mode pre publish
Workflow / approvals (multi-user)

GTM Minus

Krivi setup = tracking ne radi
Više JavaScripta = blago sporiji site (mitigated kroz consent mode)
Steeper learning curve nego direktan kod

Direktan kod Plus

Brže (manje script overhead)
Simpler za 1–2 pixela
Ne treba GTM container

Direktan kod Minus

Svaki dodatak = developer
Bez centralized managementa
Bez version control

Preporuka za hrvatsku MSP: GTM ako planirate 3+ tracking platformi ili aktivno A/B testirate.

Obavezno za EU

GTM omogućuje conditional firing na osnovu pristanka:

Built-in consent management (GTM 2024+)
Cookiebot integracija kroz custom variable
Tagovi firenju samo ako consent kategorija granted

Setup

Default consent state: sve denied
Update kad korisnik prihvati
GA4 i Meta tagovi povezani s relevant consent type

9. Server-side GTM (advanced)

Što je

GTM tradicionalno radi u browseru. Server-side GTM premešta tracking na vaš server (Stape ili Google Cloud).

Plus:

Bolji privacy
Brže učitavanje (manje client-side scriptova)
30–40% više konverzija (vidi naš tracking članak)

Minus:

Skuplji (Stape 20–200 €/mj)
Tehnički složeniji

Kada migrate: kad imate 1.500+ €/mj Ads budžeta.

10. Što izbjegavati

Bez Preview mode pre publish — sve može propucati
Sve tagove na All Pages — nepotrebno, sporiji
Bez naming convention — kaos nakon 6 mjeseci
Hardkodirane vrijednosti umjesto variables
Bez Consent Mode — GDPR rizik
Multiple containers na istoj stranici — konflikti
Ne testirati promjene u staging environmentu

Kratak zaključak

GTM je u 2026. standardni alat za hrvatske firme koje rade marketing. Postavka traje 1 dan, ali svaki novi pixel ili konverzija ide u 5 minuta umjesto 2 sata developer rada.

Investicija: 4–8 sati setup + 1–2 sata mjesečno održavanja.

Razgovor o GTM postavci za vašu firmu — 45 min.