Contoh setup: Landing Page + Meta Pixel + GA4
Pasang Meta Pixel & GA4 di Landing Page, uji dengan Test Event Code, cek Events Manager & Realtime.
Contoh lengkap: Landing Page “Promo Kopi Gayo” mengirim event ke Meta Pixel dan GA4, diuji, lalu dicek hasilnya.
Sebelum mulai
- Pixel ID & token Conversions API Meta (cara mendapatkan); Measurement ID & API Secret GA4 (cara mendapatkan).
- Test Event Code dari Events Manager › Test events.
- Landing Page dengan blok Form checkout atau Tombol WA.
Langkah#
Langkah 1: Tambah Meta Pixel
Buka Integrasi › WhatsApp Meta Pixel Tracing, klik Tambah Pixel. Isi Nama, Pixel ID, Token Conversions API, dan Test Event Code.
Langkah 2: Tambah GA4
Buka Integrasi › WhatsApp GA4 Tracing, klik Tambah GA4. Isi Measurement ID (G-…) dan API Secret Measurement Protocol.
Langkah 3: Pilih di toko
Di Pengaturan tokoPelacakan pilih Meta Pixel & Google Analytics 4 tadi. Biarkan event bawaan.
Langkah 4: Cek di editor halaman
Buka Landing Page, klik Pixel. Pastikan Ikuti Pengaturan toko, lalu Terbitkan perubahan.
① Tombol Pixel. ② Alur event. Langkah 5: Uji
Buka halaman terbit, klik tombol WA dan Beli, isi data, pilih metode bayar. Buka Meta Events Manager › Test events dan GA4 › Reports › Realtime.
Langkah 6: Kosongkan Test Event Code
Setelah event terlihat, hapus Test Event Code di Integrasi supaya event masuk data iklan.
Hasilnya#
| Halaman dibuka | Meta: PageView + ViewContent · GA4: page_view + view_item |
|---|---|
| Klik tombol WA | Meta: Contact · GA4: working_lead |
| Klik Beli (checkout) | Meta: InitiateCheckout · GA4: begin_checkout |
| Pilih metode bayar | Meta: AddPaymentInfo · GA4: add_payment_info |
| Nama & email terisi / form lead | Meta: Lead · GA4: generate_lead |
| Pembayaran lunas | Meta: Purchase · GA4: purchase (dari server) |
Catatan terbaru#
- Selama Test Event Code terisi, event server masuk tab Test events, bukan data iklan.