Google Tag Manager — Konfigurasi Global

Tutorial ini membahas cara setup Google Tag Manager (GTM) secara global di /settings/gtm — berlaku untuk semua landing page di toko kamu. Kalau kamu ingin setup GTM hanya untuk satu LP tertentu, lihat tutorial 32 tentang per-LP tracking settings.

---

Apa yang akan kamu pelajari

• Cara menghubungkan GTM container ke semua LP toko
• DataLayer events yang Konvert push otomatis
• Cara setup tag GA4, Google Ads, dan Microsoft Clarity di GTM
• Override GTM container per landing page
• Test dan debug dengan GTM Preview Mode

---

GTM vs. Meta Pixel — apa bedanya?

Sebelum mulai, penting untuk pahami posisi masing-masing:

	GTM	Meta Pixel
Fungsi	Wadah tag — bisa isi apa saja	Spesifik untuk Facebook/Instagram tracking
Platform	Platform-agnostic	Meta (Facebook, Instagram, Audience Network)
Setup	Satu container, banyak tag	Satu pixel per tujuan
Server-side	Via server-side GTM (planned)	Via CAPI (sudah tersedia)

---

Step 1 — Dapatkan Container ID

Kalau belum punya container GTM:

1. Buka tagmanager.google.com
2. Klik Create Account
3. Isi nama akun (nama bisnis) dan nama container (nama toko/website)
4. Platform: pilih Web
5. Klik Create → setuju Terms of Service
6. Container ID kamu akan muncul di pojok kanan atas — format GTM-XXXXXXX

Kalau sudah punya container, langsung ke step berikutnya.

---

Step 2 — Tambahkan Container ID di Konvert

Halaman GTM di Konvert mendukung banyak GTM container — bukan satu field saja. Setiap container bisa kamu pakai di toko yang berbeda.

1. Buka Settings → Google Tag Manager (/settings/gtm)
2. Klik + Tambah Container di pojok kanan atas
3. Isi nama container (bebas, contoh "Container utama toko") dan Container ID (format GTM-AB12CD3)
4. Klik Simpan

Container yang sudah disimpan tampil sebagai card — lengkap dengan tombol Edit dan tombol hapus. Kamu bisa menambahkan beberapa container kalau kamu mengelola banyak toko dari satu akun.

Setelah disimpan, Konvert otomatis meng-inject script GTM di setiap LP yang dipublish untuk toko ini. Tidak perlu tambah script manual ke tiap LP.

---

DataLayer Events — Otomatis dari Konvert

Konvert secara otomatis push events ke window.dataLayer setiap kali user berinteraksi dengan LP. Kamu tidak perlu konfigurasi apapun untuk events ini — tinggal buat trigger di GTM berdasarkan nama event-nya.

graph LR
    A[User di LP] -->|interaksi| B[Konvert JS]
    B -->|dataLayer.push| C[window.dataLayer]
    C --> D[GTM Container]
    D -->|tag fires| E[GA4]
    D -->|tag fires| F[Google Ads]
    D -->|tag fires| G[Microsoft Clarity]
    D -->|tag fires| H[Platform lain]

Versi teks (jika diagram di atas tidak muncul)

Alur DataLayer dari interaksi user ke platform analytics:

1. User berinteraksi di LP (klik, scroll, isi form, dsb.).
2. Konvert JS menangkap interaksi dan melakukan dataLayer.push ke window.dataLayer.
3. GTM Container menerima event dari dataLayer.
4. GTM meneruskan event ke platform yang sudah dikonfigurasi:
   • GA4
   • Google Ads
   • Microsoft Clarity
   • Platform lain (sesuai tag yang kamu buat di GTM)

Daftar lengkap events

Event Name	Kapan dikirim	Data yang disertakan
pageView	Setiap LP di-load	page_url, page_title
viewContent	LP load + info produk tersedia	product_id, product_name, price, currency
addToCart	User klik tombol "Order Now"	product_id, product_name, price, quantity
initiateCheckout	User masuk ke step payment	value, currency, num_items
purchase	Pembayaran sukses	order_id, value, currency, items
lead	Form lead berhasil disubmit	form_id, lead_source

Custom event untuk button:

• Kalau di builder kamu menambahkan GTM Event Name ke props sebuah button, Konvert akan push event dengan nama tersebut saat button diklik
• Berguna untuk tracking klik tombol WA, klik tombol scroll, dsb.

Contoh dataLayer object untuk purchase

{
  event: "purchase",
  order_id: "ORD-20240515-001",
  value: 150000,
  currency: "IDR",
  items: [
    {
      item_id: "PROD-001",
      item_name: "Produk A",
      price: 150000,
      quantity: 1
    }
  ]
}

---

Step 3 — Setup Tag di GTM

Setelah Container ID terpasang dan events sudah otomatis masuk ke dataLayer, buat tag di GTM sesuai kebutuhan.

A. GA4 Configuration (wajib sebagai fondasi)

1. Buka GTM → Tags → New
2. Tag Configuration → pilih Google Analytics: GA4 Configuration
3. Measurement ID: isi G-XXXXXXXXXX (dari Google Analytics 4 property kamu)
4. Trigger: pilih All Pages
5. Nama tag: GA4 - Configuration
6. Klik Save

B. GA4 Purchase Event

1. Tags → New
2. Tag Configuration → Google Analytics: GA4 Event
3. Configuration Tag: pilih tag GA4 Configuration yang baru dibuat
4. Event Name: purchase
5. Event Parameters — tambahkan:
   • value → {{DLV - value}} (dataLayer variable)
   • currency → {{DLV - currency}}
   • transaction_id → {{DLV - order_id}}
   • items → {{DLV - items}}
6. Trigger: Custom Event → Event Name: purchase
7. Nama tag: GA4 - Purchase Event
8. Klik Save

C. Google Ads Conversion Tracking

1. Tags → New
2. Tag Configuration → Google Ads Conversion Tracking
3. Conversion ID: isi dari Google Ads account kamu (format: AW-XXXXXXXXX)
4. Conversion Label: isi dari specific conversion action di Google Ads
5. Conversion Value: {{DLV - value}}
6. Currency Code: IDR
7. Order ID: {{DLV - order_id}}
8. Trigger: Custom Event → purchase (atau lead untuk lead gen)
9. Nama tag: Google Ads - Purchase Conversion
10. Klik Save

D. Microsoft Clarity

1. Tags → New
2. Tag Configuration → Custom HTML
3. Paste script Clarity kamu:

   <script type="text/javascript">
     (function(c,l,a,r,i,t,y){
       c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
       t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
       y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
     })(window, document, "clarity", "script", "YOUR_CLARITY_ID");
   </script>
   

4. Ganti YOUR_CLARITY_ID dengan ID Clarity kamu
5. Trigger: All Pages
6. Nama tag: Microsoft Clarity
7. Klik Save

---

Step 4 — Publish Container GTM

Setelah semua tag dibuat:

1. Klik tombol Submit di pojok kanan atas GTM
2. Isi nama version (contoh: "Setup awal — GA4 + Google Ads + Clarity")
3. Klik Publish

Perubahan di GTM hanya aktif setelah di-publish. Selama masih draft, tag tidak akan fire di LP kamu.

---

Per-LP Override

Kalau ada satu LP yang perlu GTM container berbeda (misalnya untuk event khusus atau brand lain):

1. Buka builder LP tersebut
2. Klik Page Settings → tab Tracking
3. Di field "Google Tag Manager ID" → isi Container ID yang berbeda (contoh: GTM-YYYY999)
4. Save + Publish LP

LP tersebut akan menggunakan container override, bukan container default toko.

---

Test dan Debug

Metode 1 — GTM Preview Mode (rekomendasi)

1. Di GTM, klik tombol Preview (pojok kanan atas)
2. Masukkan URL LP kamu yang sudah published
3. Klik Connect
4. LP akan terbuka di tab baru dengan debug panel GTM di bawah

5. Di debug panel, kamu bisa lihat:
   • Event apa yang ter-trigger
   • Tag mana yang fire (atau tidak fire, dan kenapa)
   • Nilai dataLayer variables

Metode 2 — Tag Assistant Extension

1. Install Google Tag Assistant di Chrome
2. Buka LP kamu
3. Klik icon Tag Assistant → Enable → Reload halaman
4. Extension akan tunjukkan tag apa yang detected dan ada tidaknya error

Verifikasi via GA4 DebugView

1. Buka GA4 → Configure → DebugView
2. Buka LP kamu (pastikan GA4 debug mode aktif via ?gtm_debug=x atau GTM Preview Mode)
3. Event akan muncul real-time di DebugView

---

FAQ

Bedanya GTM Container ID vs Meta Pixel ID? GTM adalah wadah generic yang bisa berisi tag apapun (GA4, Ads, Clarity, dll). Meta Pixel adalah tracker spesifik untuk platform Facebook/Instagram. Keduanya beda tools untuk beda tujuan — bisa dan disarankan pakai keduanya.

GA4 perlu setup terpisah di luar GTM? Ya. GA4 tetap perlu punya property sendiri di Google Analytics (analytics.google.com) — dari sana kamu dapat Measurement ID G-XXX. GTM hanya sebagai delivery mechanism untuk menginjeksi tag GA4 ke halaman kamu.

Support server-side GTM? Server-side GTM masih planned (TBD). Saat ini Konvert inject GTM sebagai client-side tag standar.

Bisa pakai GTM + Meta CAPI sekaligus? Ya — keduanya complementary. Meta CAPI adalah server-side tracking khusus untuk Meta platform, GTM untuk client-side tracking platform lain. Mereka tidak overlap dan tidak saling mengganggu.

Kenapa tag tidak fire di LP? Urutan cek:

1. Container ID sudah di-save di /settings/gtm?
2. LP sudah di-publish (bukan preview mode LP)?
3. GTM Container sudah di-submit/publish?
4. Trigger sudah benar (All Pages vs Custom Event)?

---

Langkah selanjutnya

• Tutorial 35 — Tracking lengkap: Meta Pixel + GTM side-by-side
• Tutorial 36 — Setup Google Analytics 4 property dari nol
• Tutorial 37 — Membaca laporan konversi di GA4