Lewati ke isi
CSWA.AIDocs

Contoh setup: landing page di luar CSWA dengan link pelacak

Contoh Kopi Senja: landing page sendiri berkode → event Contact saat klik → hasil di Meta, TikTok & GA4.

± 6 menit

Contoh: Kopi Senja punya landing page sendiri yang didatangi dari iklan Meta, TikTok, dan Google. Klik tombol WhatsApp dicatat sebagai Contact di ketiga tujuan, lalu Purchase saat lunas.

Sebelum mulai

  • Minimal satu tujuan di menu Integrasi: Meta Pixel ID + token Conversions API (cara mendapatkan), TikTok Pixel Code + token Events API (cara mendapatkan), atau GA4 Measurement ID + API secret (cara mendapatkan).
  • Nomor WhatsApp terhubung (Unofficial dan/atau Official). Live Chat juga bisa jadi sumber.
  • Izin peran: WhatsApp › Kirim untuk membuat & mengubah alur.
  • Landing page yang HTML-nya bisa Anda edit (kode landing page).

Data contoh#

Landing pageHalaman promo Kopi Arabika Gayo 250 g di situs Kopi Senja
TujuanMeta Pixel, TikTok Pixel, GA4
PelangganSinta, datang dari iklan TikTok
Pesan awal alurHalo, saya mau Kopi Arabika Gayo 250 g

Langkah#

  1. Langkah 1: Buat alur “Landing Gayo”

    Di WhatsAppPixel TracingBuat alur, centang tiga tujuan dan nomor WhatsApp Kopi Senja.

  2. Langkah 2: Kejadian Contact & Purchase

    Tambah Contact dengan pemicu Klik link WA (Sekali per kontak). Tambah Purchase dengan Tagihan / pesanan lunas (Ikuti tagihan / pesanan, Setiap kali).

    Punya beberapa CS? Di pemicu Klik link WA, pilih juga Link Rotator (Link Rotator) — kode pelacak ikut di pesan pembukanya.

  3. Langkah 3: Isi pesan awal & simpan

    Isi Pesan awal “Halo, saya mau Kopi Arabika Gayo 250 g”, lalu Simpan alur.

  4. Langkah 4: Pasang kode di landing page

    Ikuti tiga langkah di Pasang di landing page: kode dasar ketiga Pixel di <head>, kode CSWA.AI sebelum </body>, lalu tombol WhatsApp ke link pelacak.

    ① Kode dasar Pixel. ② Kode CSWA.AI. ③ Tombol WhatsApp.

    Tiga langkah pasang: kode dasar Pixel di head, kode CSWA.AI sebelum body ditutup, dan tombol WhatsApp ke link pelacak.

  5. Langkah 5: Uji sekali

    Buka landing page di HP, klik tombol WhatsApp, kirim pesannya utuh. Cek Log klik dan Log event.

Hasilnya#

Saat Sinta mengklik tombol, sebelum ia mengetik apa pun:

Log klikKlik baru berkode (mis. K7M2P), nama link alur, nomor tujuan, UTM bila ada — status Belum cocok.
Log event — MetaContact · Klik link WA · Kode K7M2P · Asal Link landing page
Log event — TikTokContact · Asal Link landing page
Log event — GA4working_lead · Asal Link landing page

Pesan yang dikirim Sinta

Halo, saya mau Kopi Arabika Gayo 250 g (kode: K7M2P)

Setelah pesan masuk, klik berubah menjadi Cocok ke kontak. Saat pesanan lunas, Purchase terkirim ke Meta (Purchase), TikTok (Purchase), dan GA4 (purchase) dengan nilainya.

Cek di tujuan: Meta Events Manager › Pixel; TikTok Events Manager › Pixel; GA4 › Realtime overview › kartu “Event count by Event name”. GA4 hanya menerima event berumur ≤ 72 jam.

Terhubung dengan fitur lain#

  • Link pelacak yang dibagikan langsung (bio, chat) tetap terlacak di Meta, tetapi TikTok & GA4 butuh kunjungan landing page.
  • Landing Page buatan CSWA.AI sudah punya pelacak bawaan (Landing Page + Meta Pixel + GA4).

Masalah umum#

TikTok/GA4 berstatus Tidak terlacak
Pengunjung tidak lewat landing page berkode, memakai adblock, atau menolak cookie.
Klik tetap Belum cocok
Pelanggan menghapus “(kode: …)” dari pesan dan tidak chat ke nomor tujuan dalam waktu dekat setelah klik.
Contact tercatat tanpa nama kontak
Normal: event dikirim saat klik, sebelum ada chat. Nama muncul di event berikutnya setelah pesan masuk.

Terkait#