Konvert.id
← Konvert.id

Iklan & Tracking

Menambahkan GTM dan TikTok Pixel ke Landing Page

Tambahkan Google Tag Manager dan TikTok Pixel ke landing page kamu

Menengah~10 menit

Prasyarat

  • Akun Google Tag Manager (gratis di tagmanager.google.com)
  • Akun TikTok Ads Manager (untuk TikTok Pixel)
  • Landing page sudah ada dan dipublish di Konvert

Hasil akhir: Google Tag Manager dan/atau TikTok Pixel aktif di landing page kamu, sehingga kamu bisa tracking pengunjung dari lebih dari satu sumber iklan. Butuh: Container ID GTM (format GTM-XXXXXXX) atau Pixel ID TikTok.

Ringkasan

Selain Meta Pixel, Konvert mendukung tracking tambahan melalui Google Tag Manager (GTM) dan TikTok Pixel. GTM adalah "wadah" yang fleksibel — setelah Container ID dipasang, kamu bisa menambahkan Google Analytics 4, Google Ads, atau pixel lainnya langsung dari dashboard GTM tanpa menyentuh kode. TikTok Pixel langsung dicatat di pengaturan landing page dan aktif begitu halaman dipublish.


Bagian A — Google Tag Manager (GTM)

Langkah 1 — Dapatkan Container ID dari GTM

  1. Buka tagmanager.google.com dan login dengan akun Google kamu.
  2. Pilih container yang ingin kamu gunakan, atau buat container baru:
    • Klik Create Account → isi nama akun dan nama container → pilih platform Web → klik Create.
  3. Container ID tertera di bagian atas halaman (format: GTM-XXXXXXX).
dashboard Google Tag Manager menampilkan Container ID di kanan atas, format GTM-XXXXXXX
dashboard Google Tag Manager menampilkan Container ID di kanan atas, format GTM-XXXXXXX
💡Buat satu container per toko

Jika kamu mengelola satu toko di Konvert, satu GTM container sudah cukup. Semua tag, trigger, dan pixel bisa kamu kelola dari container yang sama. Buat container terpisah hanya kalau kamu mengelola lebih dari satu brand/bisnis.


Langkah 2 — Buka Halaman GTM di Konvert

  1. Di dashboard Konvert, pergi ke Settings → GTM (atau buka /settings/gtm).
  2. Halaman menampilkan daftar container yang sudah terdaftar (kosong jika belum ada).
halaman /settings/gtm dengan heading "GTM Containers", tombol "Tambah Container" oranye di kanan atas, dan empty state jika belum ada container
halaman /settings/gtm dengan heading "GTM Containers", tombol "Tambah Container" oranye di kanan atas, dan empty state jika belum ada container

Langkah 3 — Tambahkan Container GTM

  1. Klik Tambah Container (tombol oranye, pojok kanan atas).

  2. Dialog Tambah GTM Container terbuka dengan dua field:

    Field Keterangan
    Container ID Masukkan ID dalam format GTM-XXXXXXX (wajib)
    Label Nama mudah diingat, contoh: Toko Utama, Kampanye Juli (maks 50 karakter)
  3. Isi Container ID dengan ID yang kamu salin dari GTM.

  4. Isi Label sesuai kebutuhan.

  5. Klik Simpan.

dialog Tambah GTM Container dengan field Container ID terisi "GTM-ABC1234" dan Label terisi "Toko Utama"
dialog Tambah GTM Container dengan field Container ID terisi "GTM-ABC1234" dan Label terisi "Toko Utama"
📝Format Container ID harus tepat

Konvert hanya menerima format GTM- diikuti karakter alfanumerik. Contoh yang valid: GTM-ABC1234, GTM-K9XJMPL. Pastikan tidak ada spasi atau karakter lain.


Langkah 4 — Container Aktif di Semua Landing Page

Setelah disimpan, container kamu otomatis aktif di semua landing page yang dipublish di toko itu. Kamu tidak perlu mengatur per-halaman.

halaman /settings/gtm menampilkan kartu container yang baru ditambahkan dengan Container ID, Label, dan tanggal penambahan
halaman /settings/gtm menampilkan kartu container yang baru ditambahkan dengan Container ID, Label, dan tanggal penambahan

Langkah 5 — Verifikasi via GTM Preview Mode

Untuk memastikan GTM sudah aktif di halaman:

  1. Di tagmanager.google.com, klik Preview di container kamu.
  2. Masukkan URL landing page yang dipublish (contoh: https://namakamu./nama-halaman).
  3. Klik Connect → browser akan membuka landing page dengan panel GTM Debug di bawah.
  4. Pastikan panel GTM Debug muncul dan menampilkan event Container Loaded.
landing page terbuka dengan panel GTM Debug mode di bagian bawah browser, menampilkan "Container Loaded"
landing page terbuka dengan panel GTM Debug mode di bagian bawah browser, menampilkan "Container Loaded"
⚠️GTM hanya aktif di halaman yang sudah dipublish

GTM snippet tidak diinjeksikan di builder, preview modal, atau halaman dashboard. Verifikasi hanya bisa dilakukan di URL landing page yang sudah dipublish (/nama-halaman).


Mengedit atau Menghapus Container

Edit: Klik ikon pensil di kartu container → ubah Container ID atau Label → klik Simpan.

Hapus: Klik ikon tempat sampah (merah) di kartu container → konfirmasi dialog yang muncul.

⚠️Menghapus container langsung menghentikan tracking

Begitu container dihapus, GTM snippet tidak lagi diinjeksikan ke halaman manapun. Semua tag yang bergantung pada container ini akan berhenti bekerja.


Bagian B — TikTok Pixel

Langkah 1 — Dapatkan TikTok Pixel ID

  1. Buka TikTok Ads Manager dan login.
  2. Pergi ke Assets → EventsWeb Events.
  3. Pilih pixel yang ada atau klik Create Pixel untuk membuat baru.
  4. Salin Pixel ID yang tertera (biasanya berupa angka panjang, contoh: CABC1234567890).
halaman TikTok Ads Manager bagian Web Events, menampilkan Pixel ID di kolom kiri
halaman TikTok Ads Manager bagian Web Events, menampilkan Pixel ID di kolom kiri

Langkah 2 — Masukkan TikTok Pixel ID di Pengaturan Landing Page

TikTok Pixel dikonfigurasi per landing page (bukan di Settings global):

  1. Buka builder landing page yang ingin kamu pasang TikTok Pixel.
  2. Klik Page Settings (ikon pengaturan halaman, biasanya di toolbar builder).
  3. Cari field TikTok Pixel ID dan masukkan Pixel ID yang sudah kamu salin.
  4. Simpan pengaturan halaman.
  5. Publish halaman agar perubahan aktif.
panel Page Settings di builder dengan field "TikTok Pixel ID" terisi Pixel ID
panel Page Settings di builder dengan field "TikTok Pixel ID" terisi Pixel ID

Langkah 3 — Verifikasi via TikTok Pixel Helper

  1. Install ekstensi TikTok Pixel Helper di Chrome (tersedia di Chrome Web Store).
  2. Buka landing page yang sudah dipublish di browser.
  3. Klik ikon TikTok Pixel Helper di toolbar browser.
  4. Ekstensi akan menampilkan event yang dikirim ke TikTok, termasuk PageView.
popup TikTok Pixel Helper di browser menampilkan event PageView berhasil dikirim dari landing page
popup TikTok Pixel Helper di browser menampilkan event PageView berhasil dikirim dari landing page

Bagian C — Snackvideo Pixel (Opsional)

Jika kamu juga beriklan di Snackvideo:

  1. Buka Page Settings di builder landing page.
  2. Cari field Snackvideo Pixel ID.
  3. Masukkan Pixel ID dari akun Snackvideo Ads kamu.
  4. Simpan dan publish halaman.

Cara kerjanya sama seperti TikTok Pixel — dikonfigurasi per landing page.


Kombinasi Tracking yang Direkomendasikan

Untuk hasil tracking paling lengkap, kamu bisa menggunakan semua ini secara bersamaan di satu landing page:

Metode Cocok Untuk
Meta Pixel + CAPI Iklan Facebook & Instagram (paling akurat karena ada server-side)
GTM Google Analytics 4, Google Ads, atau tag lainnya
TikTok Pixel Iklan TikTok
Snackvideo Pixel Iklan Snackvideo

Setiap metode tracking bekerja secara independen — memasang semuanya tidak akan saling mengganggu.


Hasilnya

landing page dipublish, browser inspect menampilkan GTM snippet di head; panel GTM Debug terbuka menunjukkan container aktif; TikTok Pixel Helper menampilkan PageView
landing page dipublish, browser inspect menampilkan GTM snippet di head; panel GTM Debug terbuka menunjukkan container aktif; TikTok Pixel Helper menampilkan PageView

Dengan GTM aktif, kamu bisa menambahkan Google Analytics, Google Ads remarketing, atau pixel lainnya kapan saja langsung dari GTM — tanpa perlu kembali ke Konvert. Dengan TikTok Pixel aktif, kampanye TikTok kamu bisa dioptimasi berdasarkan data konversi dari landing page.


Troubleshooting

GTM Debug tidak muncul di landing page

  • Pastikan halaman sudah di-publish setelah container ditambahkan.
  • Cek apakah Container ID yang dimasukkan sudah benar (format GTM-XXXXXXX).
  • Refresh halaman di GTM Preview mode dan pastikan URL yang dimasukkan sama persis dengan URL landing page yang dipublish.

Container ID ditolak saat menyimpan

  • Container ID harus dalam format GTM- diikuti huruf/angka. Tidak boleh ada spasi, tanda kurung, atau karakter khusus.
  • Jika Container ID sudah pernah ditambahkan sebelumnya, akan muncul pesan "Container ID sudah ditambahkan ke store ini" — tidak perlu ditambahkan lagi.

TikTok Pixel Helper tidak mendeteksi event

  • Pastikan halaman sudah di-publish (bukan preview di builder).
  • Pastikan Pixel ID yang dimasukkan sudah benar dan disimpan sebelum publish.
  • Coba buka landing page dalam mode Incognito untuk menghindari ekstensi lain yang mengganggu.

Saya ingin menggunakan berbagai pixel di halaman berbeda

  • GTM berlaku untuk semua landing page di toko kamu — tidak bisa dikonfigurasi per halaman.
  • TikTok Pixel dan Snackvideo Pixel bisa berbeda per halaman karena dikonfigurasi di Page Settings masing-masing.

Selanjutnya

Siap buat landing page pertamamu?

Daftar Konvert gratis dan mulai jualan online hari ini.

Daftar Sekarang