Cara Pasang Pixel di Tombol WhatsApp: Kode Manual, GTM, dan Rotator

01Tiga cara tracking klik tombol WhatsApp

Memasang pixel di tombol WhatsApp pada landing page berarti mengirim satu event ke Meta setiap kali tombol itu diklik. Base code Meta Pixel saja tidak cukup, karena event standar yang ikut di dalamnya hanya PageView, yang terkirim saat halaman dibuka. Klik tombol perlu event tambahan. Nama yang paling dekat di daftar Meta adalah Contact, yang di halaman spesifikasinya dijelaskan sebagai kontak antara customer dan bisnis lewat telepon, SMS, email, chat, atau cara lain.

Ada tiga cara mengirim event itu dari landing page. Dua yang pertama berjalan di browser pengunjung. Yang ketiga mencatat klik di server.

Perbedaan jalur browser dan jalur server dibahas di Meta Pixel vs Conversions API. Artikel ini mengikuti cara manual langkah demi langkah, lalu merangkum dua cara lain dan satu hal yang sering terlewat: klik tombol belum berarti chat.

02Langkah 1: pastikan base code Pixel sudah terpasang

Pastikan base code Meta Pixel sudah ada di landing page, di antara tag <head> dan </head>. Meta menyatakan base code harus sudah terpasang di setiap halaman tempat konversi ingin dilacak. Tanpa base code, fungsi fbq tidak tersedia di halaman itu.

Base code disalin dari Events Manager, pada dataset yang dipakai campaign. Pasang satu kali saja. Bila tema situs dan Google Tag Manager sama-sama memuatnya, satu kunjungan bisa mengirim event dua kali.

03Langkah 2: beri penanda pada tombol WhatsApp

Beri atribut id pada link atau tombol WhatsApp supaya script bisa menemukannya, misalnya tombol-wa. Nomor pada contoh di bawah adalah placeholder.

<a id="tombol-wa" href="https://wa.me/628xxxxxxxxxx">Chat WhatsApp</a>

Satu id hanya boleh dipakai satu elemen. Bila halaman punya beberapa tombol WhatsApp, beri semuanya class yang sama, atau pilih semua link WhatsApp sekaligus dengan document.querySelectorAll('a[href*="wa.me"]') lalu pasang listener pada tiap hasilnya.

04Langkah 3: panggil fbq saat tombol diklik

Tambahkan script setelah tombol, masih di dalam <body>, yang memanggil fbq('track', 'Contact') setiap kali tombol diklik. Menurut dokumentasi Meta, semua standard event dilacak dengan fungsi fbq('track') berisi nama event, dan fungsi itu boleh dipanggil saat pengunjung melakukan aksi seperti mengklik tombol.

<script>
  document.getElementById('tombol-wa').addEventListener('click', function () {
    if (typeof fbq === 'function') {
      fbq('track', 'Contact');
    }
  });
</script>

• Pemanggilan fbq berada di dalam listener, jadi event tidak ikut terkirim saat halaman baru dibuka.
• Pengecekan typeof fbq mencegah error di konsol bila script Pixel tidak dimuat.
• Nama event ditulis persis seperti di daftar Meta, yaitu Contact. Contoh resmi Meta untuk event ini tidak memakai parameter.

Contoh di dokumentasi Meta memakai jQuery, dan Meta menyebut pemanggilan boleh dipicu dengan cara apa pun. Contoh di atas memakai JavaScript biasa supaya tidak bergantung pada library lain. Pilihan antara Contact dan Lead dibahas di event Meta untuk tombol WhatsApp.

05Langkah 4: uji klik di Events Manager

Buka Events Manager, pilih dataset Anda, lalu buka tab Test Events. Masukkan URL landing page, buka situsnya dari sana, dan klik tombol WhatsApp. Satu klik harus memunculkan satu event Contact.

Meta mencatat aktivitas website di alat ini hanya selama halaman Test Events tetap terbuka. Meta juga menyebut data bisa butuh 30 menit atau lebih untuk tampil di laporan setelah event dipasang.

06Cara kedua: Google Tag Manager, garis besarnya

Bila tag situs Anda dikelola lewat Google Tag Manager (GTM), event klik bisa dibuat tanpa menyentuh kode halaman. Urutan berikut mengikuti panduan Meta untuk GTM dan dokumentasi trigger klik dari Google.

1. Pastikan base code Pixel sudah berjalan sebagai tag Custom HTML dengan trigger All Pages dan opsi Once per page.
2. Buat tag Custom HTML baru berisi <script>fbq('track', 'Contact')</script>. Google meminta JavaScript di tag ini selalu berada di dalam tag <script>.
3. Buat trigger Click jenis Just Links, yang hanya menangkap klik pada elemen <a>. Batasi ke sebagian klik dengan syarat seperti Click URL contains wa.me. Bila tombol Anda bukan link, pakai jenis All Elements.
4. Pertimbangkan opsi Wait for Tags pada trigger. Google menjelaskan opsi ini menunggu sampai semua tag selesai berjalan atau batas waktunya habis.
5. Uji di Preview mode sampai tag menyala tepat satu kali per klik, lalu publish container.

Jangan memakai cara manual dan GTM sekaligus untuk tombol yang sama, karena satu klik akan mengirim dua Contact.

07Cara ketiga: script tracking dan link rotator Dalekta

Dalekta tidak memuat atau menembakkan Meta Pixel di halaman Anda. Cara kerjanya berbeda. Script tracking membaca kunjungan dan parameter campaign di URL, sedangkan tombol WhatsApp diarahkan ke link rotator. Saat link itu dibuka, server Dalekta mencatat klik sebagai tahap Click CTA, lalu mengalihkan pengunjung ke WhatsApp dengan pesan awal yang membawa kode tracking seperti [D-ABC12]. Bila Click CTA sudah dipetakan ke event Meta, Dalekta mengirim event itu dari server lewat Conversions API.

1. Buka Tracking Ads, masuk ke tab Tracking Code, lalu salin script workspace. Tempel satu kali sebelum </head> atau lewat tag Custom HTML di GTM. Detailnya ada di dokumentasi Tracking Ads.
2. Buat rotator di menu WhatsApp Rotator, pilih nomor penerima, simpan, lalu salin link rotatornya. Lihat dokumentasi WhatsApp Rotator.
3. Ganti tujuan tombol WhatsApp dari wa.me ke link rotator. Tidak ada kode klik yang perlu ditulis.
4. Di tab Platform, simpan Pixel ID dan access token. Di tab Event Mapping, pilih event Meta untuk Click CTA dan tahap lain, lalu simpan.
5. Buka landing page dengan URL campaign percobaan, klik tombol, lalu periksa Total Klik rotator dan menu Event Logs.

08Klik tombol bukan chat: apa yang sebenarnya dioptimasi

Ketiga cara di atas menghitung hal yang sama, yaitu tombol ditekan. Itu belum berarti ada percakapan. Orang bisa menekan tombol, melihat WhatsApp terbuka, lalu kembali tanpa mengirim pesan. Pixel tidak ikut pindah ke aplikasi WhatsApp, jadi dari sisi browser ceritanya berhenti di klik.

Hal ini penting karena cara kerja optimasi Meta. Menurut Meta, memilih performance goal berarti meminta sistem iklan mencari hasil itu seefisien mungkin. Kalau hasil yang Anda laporkan hanya klik tombol, sistem belajar mencari orang yang cenderung menekan tombol. Orang yang bertanya serius dan orang yang membeli tidak terlihat bedanya.

Angkanya ilustrasi: dari 300 klik tombol, 180 orang mengirim pesan, 45 lolos sebagai lead berkualitas, dan 12 closing. Bila hanya klik yang dikirim, Meta menerima 300 Contact dan tidak tahu 12 orang mana yang membeli.

Ada sisi sebaliknya. Meta menyebut ad set biasanya keluar dari learning phase setelah sekitar 50 hasil dalam seminggu sejak perubahan signifikan terakhir. Untuk ad set berstatus learning limited, salah satu saran Meta adalah memilih event optimasi yang lebih sering terjadi. Event akhir seperti closing lebih bermakna tetapi lebih jarang. Jadi mengirim tahap lanjut tidak otomatis memperbaiki hasil iklan. Yang berubah adalah bahan belajar yang diterima Meta.

Tahap setelah klik terjadi di WhatsApp, sehingga hanya bisa dikirim dari sistem yang menerima chat. Di Dalekta, Masuk WA tercatat saat pesan pertama dengan kode tracking masuk, MQL dan Prospek naik lewat Rules atau update manual, dan Closing disimpan dengan nominal. Tiap tahap yang dipetakan dikirim ke Meta satu kali per lead. Payload dan cara memeriksanya ada di pilar Meta CAPI untuk WhatsApp.

09Bacaan lanjutan

10Pertanyaan umum