Google Tag Manager: što je i kako

Bez Google Tag Managera (GTM), svaki novi piksel za praćenje 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. Postavljanje za hrvatsku stranicu

Korak 1: Account + container

1. Idite na tagmanager.google.com
2. Create account → ime firme
3. Create container → URL stranice
4. Target platform: Web (osim ako imate mobile app)
5. 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:

1. <head> snippet: prije zatvarajućeg head taga
2. <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: vlastiti dataLayer događaji (za napredne korisnike).

Uvjeti okidanja

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. Najbolje prakse

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

Verzije

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

• Krivo postavljanje = praćenje 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+ platforme za praćenje ili aktivno A/B testirate.

8. Consent Mode V2 integracija

Obavezno za EU

GTM omogućuje conditional firing na osnovu pristanka:

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

Postavljanje

• 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 premješta praćenje 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š članak o praćenju)

Minus:

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

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

10. Što izbjegavati

1. Bez Preview mode pre publish: sve može propucati
2. Sve tagove na All Pages: nepotrebno, sporiji
3. Bez naming convention: kaos nakon 6 mjeseci
4. Hardkodirane vrijednosti umjesto variables
5. Bez Consent Mode: GDPR rizik
6. Multiple containers na istoj stranici: konflikti
7. 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 postavljanja + 1–2 sata mjesečno održavanja.

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