Custom Tracking (Pelacakan Event)

Konektor memiliki sistem pelacakan otomatis yang canggih. Sebelum Anda menambahkan tracking manual, penting untuk memahami apa yang sudah dilacak secara otomatis oleh sistem.

Auto-Tracking vs Manual

✅ Link Rotator (Otomatis)

Jika Anda menggunakan Link Rotator Konektor (contoh: link.brand.com/wa/cs-ratna) pada landing page, Anda TIDAK PERLU menambahkan kode tracking apapun.

Klik dilacak otomatis sebagai ViewContent / Click.
Redirect WhatsApp dilacak otomatis.
Konversi dilacak saat terjadi percakapan.

🛠️ Custom Tracking (Manual)

Gunakan panduan di halaman ini HANYA jika Anda ingin melacak interaksi selain Link Rotator, seperti:

Tombol "Add to Cart" (Masuk Keranjang).
Formulir pendaftaran di website (Web Form).
Download E-book / PDF.
Link ke Marketplace (Shopee/Tokopedia).

Ringkasan

Pakai Link Rotator? Sudah Otomatis. Pakai tombol lain? Gunakan Custom Tracking di bawah ini.

Metode 1: CSS Classes (Paling Mudah)

Metode ini sangat cocok untuk non-technical user. Anda hanya perlu menambahkan nama class khusus pada elemen HTML yang ingin dilacak.

Cara Penggunaan

Format class yang digunakan adalah k-event-{NamaEvent}.

Contoh:

k-event-AddToCart
k-event-Lead
k-event-Contact

1. Melacak Klik Tombol (Button Click)

Tambahkan class pada tombol atau link. Ketika user mengklik tombol tersebut, event akan terkirim.

<!-- Melacak event 'AddToCart' saat tombol diklik -->
<button class="btn btn-primary k-event-AddToCart">
  Beli Sekarang
</button>

<!-- Melacak event 'Contact' saat link WhatsApp diklik -->
<a href="https://wa.me/62812345678" class="k-event-Contact">
  Hubungi Kami
</a>

2. Melacak Formulir (Form Submission)

Tambahkan class pada elemen <form>. Konektor akan otomatis melacak saat formulir berhasil disubmit.

Fitur Smart Identification: Saat formulir dengan tracking class disubmit, Konektor secara otomatis akan mendeteksi dan mengambil data:

Email (dari input bernama email, mail, surel)
Phone (dari input bernama phone, tel, mobile, wa, hp)
Name (dari input bernama name, fullname, nama)

Ini memastikan data Lead Anda terekam lengkap tanpa coding tambahan.

<!-- Melacak event 'Lead' & otomatis ambil data email/nama -->
<form class="k-event-Lead" action="/thank-you">
  <input type="text" name="nama" placeholder="Nama Lengkap">
  <input type="email" name="email" placeholder="Alamat Email">
  <button type="submit">Daftar Sekarang</button>
</form>

3. Melacak Halaman Tertentu (Page Load)

Jika Anda ingin memicu event khusus saat halaman tertentu dibuka (misalnya halaman "Terima Kasih"), tambahkan class pada tag <body>.

<body class="k-event-Purchase">
  <!-- Konten halaman -->
</body>

Metode 2: Data Attributes (Advanced)

Gunakan metode ini jika Anda membutuhkan kontrol lebih detail atau ingin menyertakan data dinamis (seperti harga produk, ID transaksi, dll).

Atribut yang Tersedia

data-k-event: Nama event (wajib).
data-k-props: JSON object berisi properti tambahan (opsional).

Contoh Implementasi

Melacak Pembelian (Purchase) dengan Nilai

<button
  id="checkout-btn"
  data-k-event="Purchase"
  data-k-props='{"value": 150000, "currency": "IDR", "order_id": "ORD-123"}'>
  Bayar Sekarang
</button>

Link Dinamis

<a href="/promo"
   data-k-event="ViewContent"
   data-k-props='{"content_name": "Paket Promo Lebaran", "content_id": "PROMO-01"}'>
   Lihat Promo
</a>

Pastikan format JSON di dalam data-k-props valid. Gunakan tanda kutip dua (") untuk key dan value string, dan bungkus seluruh JSON dengan tanda kutip satu (').

Fitur Otomatis Lainnya

Konektor memiliki beberapa fitur "magic" yang berjalan di belakang layar untuk membantu tracking Anda.

1. Dekorasi Link WhatsApp

Script Konektor secara otomatis mendeteksi link ke WhatsApp (wa.me atau whatsapp.com) dan akan menambahkan Visitor Code unik ke dalam pesan teks preset.

Ilustrasi:

Link asli: https://wa.me/6281...?text=Halo
Link setelah diklik user: https://wa.me/6281...?text=Halo [K-X7Y9Z]

Code [K-X7Y9Z] ini memungkinkan CS Anda untuk mengidentifikasi user tersebut di dashboard Konektor.

2. Auto Link Decoration (Cross-Domain)

Jika Anda menautkan ke domain lain yang juga menggunakan Konektor (atau custom domain yang terdaftar), script akan otomatis menambahkan parameter visitor_code, gclid, fbclid, dll ke URL tujuan. Ini menjaga user session tetap nyambung antar domain.

Troubleshooting

Event Tidak Muncul di Dashboard?

Cek Koneksi Internet: Pastikan tidak ada adblocker yang memblokir script Konektor.
Inspect Element: Gunakan "Inspect" di browser, lihat tab "Network", dan filter "konektor". Cek apakah ada request ke v1/track saat tombol diklik.
Cek Penulisan Class: Pastikan prefixnya k-event- (case sensitive sesuai event, tapi biasanya script menangani ini). Disarankan gunakan CamelCase standar event (misal: AddToCart, bukan addtocart).
Validasi JSON: Jika menggunakan Data Attributes, pastikan JSON valid.

Tips Testing

Gunakan console.log di browser Anda untuk debug manual jika diperlukan, atau lihat tab Conversions > Sync Logs di dashboard Konektor untuk melihat event yang masuk.

Butuh Bantuan Lebih Lanjut?

Tim kami siap membantu Anda memaksimalkan potensi tracking iklan dan atribusi bisnis Anda.

Email Supportsupport@konektor.id

YouTubeYouTube

Jadwalkan Sesi

Onboarding Demo Meeting Technical Support