Cara Memasang Meta Pixel dan Conversions API di Website

Iklan Meta kamu sudah jalan, tapi laporan pembelian di Ads Manager jauh lebih sedikit daripada pesanan yang benar-benar masuk? Itu tanda pelacakan kamu bolong. Penyebabnya bisa macam-macam: pemblokir iklan di browser, cookie yang dibatasi, atau halaman terima kasih yang tidak memanggil event.

Solusinya adalah memasang dua jalur sekaligus. Meta Pixel mengirim data dari browser pengunjung, sedangkan Conversions API (CAPI) mengirim data yang sama dari server kamu. Kalau satu jalur gagal, jalur lain masih mencatat. Panduan ini membahas urutannya dari nol sampai pengujian.

Apa bedanya Meta Pixel dan Conversions API?

Pixel adalah potongan JavaScript yang berjalan di browser. Mudah dipasang, tapi bergantung pada browser pengunjung. CAPI adalah permintaan HTTP dari server kamu langsung ke Meta, jadi tidak terpengaruh pemblokir iklan. Meta menyarankan keduanya dipakai bersamaan, bukan memilih salah satu.

Keduanya mengirim "event", yaitu catatan tindakan pengunjung seperti melihat produk (ViewContent), menambah ke keranjang (AddToCart), mulai checkout (InitiateCheckout), mengisi formulir (Lead), atau membeli (Purchase). Nama event standar ini sebaiknya dipakai apa adanya, karena Ads Manager mengenalinya untuk optimasi iklan.

Langkah memasang Meta Pixel dan CAPI

1. Buat dataset (Pixel) di Events Manager

Buka Events Manager di Meta Business Suite, pilih Hubungkan sumber data, lalu Web. Beri nama dan masukkan alamat website. Kamu akan mendapat ID Pixel berupa deretan angka. Simpan ID ini, karena dipakai di browser dan di server.

Sekalian verifikasi domain kamu di pengaturan Business Manager (bagian Keamanan Merek, Domain). Verifikasi bisa lewat data TXT di DNS, file HTML, atau meta tag. Domain yang terverifikasi memudahkan pengaturan event dan menunjukkan bahwa website itu memang milik bisnismu.

2. Pasang kode dasar Pixel di semua halaman

Salin kode dasar dari Events Manager dan tempel di dalam <head> setiap halaman. Di WordPress, kamu bisa memakai integrasi resmi (misalnya plugin Meta untuk WooCommerce) atau plugin penyisip kode header. Di Shopify dan platform toko lain biasanya cukup memasukkan ID Pixel di menu integrasi.

Kode dasar ini otomatis mengirim event PageView. Event lain kamu tambahkan sendiri.

3. Tambahkan event standar di titik yang tepat

Event Purchase dipanggil di halaman terima kasih setelah pembayaran berhasil, bukan di halaman checkout. Contoh:

fbq('track', 'Purchase',
  { value: 250000, currency: 'IDR' },
  { eventID: 'order-10234' }
);

Parameter keempat (eventID) penting untuk langkah berikutnya. Pakai nilai unik per transaksi, misalnya nomor order. Untuk AddToCart dan Lead, buat ID unik dengan cara yang sama.

4. Buat token akses untuk Conversions API

Di Events Manager, buka dataset kamu, masuk ke Pengaturan, lalu cari bagian Conversions API dan buat token akses. Perlakukan token ini seperti kata sandi: simpan di variabel lingkungan server, jangan ditaruh di kode JavaScript atau repositori publik.

Kalau tidak ingin menulis kode, ada jalur lain: integrasi partner (WooCommerce, Shopify, dan platform toko besar lain sudah menyediakan CAPI bawaan) atau Conversions API Gateway yang dipasang di infrastruktur cloud. Pilih jalur partner bila tokomu memakai platform yang mendukungnya.

5. Kirim event dari server

Kalau membangun sendiri, server mengirim POST ke endpoint https://graph.facebook.com/<versi>/<ID_PIXEL>/events dengan token akses. Isi minimalnya:

• event_name: sama persis dengan nama di Pixel, misalnya Purchase.
• event_time: waktu kejadian dalam detik Unix. Meta menerima event yang terjadi sampai 7 hari ke belakang, tapi kirim secepatnya.
• event_id: sama dengan eventID di Pixel.
• action_source: website.
• event_source_url: alamat halaman tempat event terjadi.
• user_data: data pencocokan, misalnya email (em) dan nomor HP (ph) yang sudah di-hash SHA-256, plus client_ip_address, client_user_agent, serta cookie fbp dan fbc bila ada. IP dan user agent tidak di-hash.
• custom_data: value dan currency untuk pembelian.

Sebelum di-hash, rapikan datanya dulu: email huruf kecil tanpa spasi, nomor HP hanya angka dengan kode negara (contoh 6281234567890, tanpa tanda plus dan tanpa nol di depan).

6. Pastikan tidak ada data ganda

Karena Pixel dan CAPI sama-sama mengirim Purchase, Meta perlu tahu bahwa keduanya satu transaksi. Menurut dokumentasi Meta, dua event dianggap sama bila event_name dan event_id-nya sama, dan deduplikasi berlaku bila keduanya tiba dalam 48 jam sejak event pertama. Tanpa event_id yang cocok, satu pembelian bisa tercatat dua kali dan angka ROAS terlihat lebih bagus dari kenyataan.

7. Uji di Events Manager

Buka tab Uji Event di Events Manager. Untuk browser, masukkan alamat website dan lakukan transaksi uji. Untuk server, tambahkan parameter test_event_code dari tab tersebut ke permintaan CAPI. Pastikan kamu melihat event dari dua sumber (Browser dan Server) dengan status "Deduplicated" atau keterangan sejenis.

Setelah data nyata mengalir, perhatikan skor Kualitas Pencocokan Event (Event Match Quality). Skor rendah biasanya berarti data user_data kurang lengkap. Hapus test_event_code sebelum produksi.

Bagaimana dengan privasi dan UU PDP?

Pixel dan CAPI mengirim data pengunjung ke pihak ketiga, jadi kebijakan privasi website harus menyebutkannya, dan email atau nomor HP pelanggan hanya dikirim dalam bentuk hash. Kalau kamu memakai banner persetujuan cookie, Pixel sebaiknya baru aktif setelah pengunjung setuju. Pembahasan lebih lengkap ada di analytics, cookie, dan UU PDP.

Ringkasan pembagian tugas Pixel dan CAPI

Data yang rapi juga membantu kamu membaca performa kampanye. Kalau iklanmu tetap boros setelah pelacakan beres, cek daftar penyebab iklan Meta boncos. Untuk membandingkan dengan data di luar Meta, pasang juga konversi di GA4.

Checklist sebelum iklan jalan:

• ID Pixel terpasang di semua halaman dan domain sudah diverifikasi.
• Event Purchase dipanggil hanya setelah pembayaran berhasil.
• Token CAPI tersimpan aman di server.
• event_name dan event_id sama di browser dan server.
• Data pengguna dinormalisasi dan di-hash.
• Tab Uji Event menunjukkan event dari Browser dan Server.