Panduan Implementasi: Best Practice Timing untuk Facebook Pixel Event

Dalam pengembangan web, urutan eksekusi script tracking sangat krusial agar data terekam akurat di Meta (Facebook) Ads Manager. Berikut adalah panduan standar untuk implementasi event.

Prinsip Dasar

Library Facebook Pixel memuat script eksternal secara asynchronous. Meskipun Facebook memiliki sistem antrean (queue), memanggil event kustom terlalu dini seringkali menyebabkan data hilang (dropped events).

Kategori Event dan Penanganannya

Berikut adalah aturan main kapan Anda harus menggunakan delay dan kapan tidak.

1. Events yang Butuh Delay (setTimeout)

Event standar yang dijalankan otomatis saat halaman dimuat (Page Load) harus diberi jeda setidaknya 100ms setelah inisialisasi.

• ViewContent
• ViewCategory
• Search

Contoh Implementasi:

fbq('init', 'PIXEL_ID');
fbq('track', 'PageView'); // PageView selalu aman dijalankan pertama

setTimeout(function() {
  fbq('track', 'ViewContent'); // Beri jeda untuk custom event ini
}, 100);

2. Events yang TIDAK Butuh Delay

Event yang dipicu oleh aksi pengguna (User Action) tidak memerlukan setTimeout tambahan, karena waktu reaksi pengguna sudah memberikan jeda alami (natural delay).

• InitiateCheckout (saat klik tombol beli)
• AddToCart (saat klik tombol keranjang)
• Purchase (saat form submit)

Contoh Implementasi:

// Aman digunakan langsung pada atribut onclick
onclick="fbq('track', 'InitiateCheckout')"