Website Bisnis

Cara Marketer Indonesia Pasang Meta Conversion API Server-Side di Next.js Tanpa Bantuan Developer 2026

Vito Atmo
Vito Atmo·25 Mei 2026·0 kali dibaca·4 min baca
Cara Marketer Indonesia Pasang Meta Conversion API Server-Side di Next.js Tanpa Bantuan Developer 2026

TL;DR: Meta Conversion API atau CAPI server-side mengirim event konversi langsung dari server Next.js ke Meta, melengkapi sinyal Pixel browser yang kerap di-block iOS dan ad-blocker. Implementasinya bisa selesai dalam 2-3 jam dengan satu Route Handler di App Router, dan biasanya menaikkan Event Match Quality ke skor 8 ke atas serta menurunkan biaya per konversi 15-30 persen di Meta Ads.

Sejak iOS 14.5 dan pelemahan third-party cookie, Pixel browser Meta kehilangan 20-40 persen sinyal konversi. Dalam beberapa proyek e-commerce yang saya audit selama enam bulan terakhir, hampir semua akun yang masih bergantung pada Pixel saja menunjukkan biaya per pembelian yang melonjak setelah iOS update, padahal kualitas trafik tetap.

Solusinya bukan ganti platform iklan, tapi melengkapi Pixel dengan kanal server-side. Meta Conversion API memungkinkan event dikirim langsung dari server ke Meta, melewati browser, ad-blocker, dan tracking prevention iOS.

Kenapa Server-Side, Bukan Hanya Pixel

Pixel browser bekerja dengan menjalankan JavaScript di sisi pengunjung. Ketika browser memblok script atau cookie, event hilang. Server-side berbeda. Saat pengunjung menyelesaikan checkout di Next.js, kode di server mengirim event Purchase langsung ke endpoint Meta beserta data identitas hashed seperti email dan nomor telepon.

Hasilnya, Event Match Quality yang sebelumnya hanya di kisaran 4-5 bisa naik ke 7-9, karena server bisa mengirim parameter yang tidak tersedia di browser, misalnya external_id dari database pelanggan.

Langkah Pasang di Next.js 15 App Router

Berikut struktur minimum yang saya pakai di proyek Vetmo dan Nalesha. Semua dalam satu file Route Handler, tanpa middleware tambahan.

KomponenLokasiFungsi
Route Handlerapp/api/meta-capi/route.tsMenerima event dari client, forward ke Meta
Util Hashinglib/hash.tsSHA-256 email, phone, nama
Trigger Clientlib/track.tsFetch ke /api/meta-capi saat event terjadi
Env.env.localMETA_PIXEL_ID, META_ACCESS_TOKEN

Route Handler menerima POST dengan body { event_name, user_data, custom_data }, lakukan SHA-256 hashing untuk email dan phone, lalu kirim ke https://graph.facebook.com/v18.0/<PIXEL_ID>/events dengan access token di header.

Trik penting: kirim event_id yang sama dari Pixel browser dan server. Meta akan deduplikasi otomatis, jadi tidak ada double counting. Detail teknis dedup ada di dokumentasi Meta Conversion API.

Studi Kasus Singkat di Nalesha

Saat membantu Nalesha (e-commerce parfum) memasang CAPI server-side, EMQ naik dari 4,3 ke 8,1 dalam tujuh hari. Biaya per pembelian turun dari Rp 47.000 ke Rp 32.500. Anggaran iklan tetap sama, hanya kualitas sinyal yang membaik. Lihat tulisan lebih dalam tentang setup ini di studi kasus Nalesha Meta CAPI dedup.

Konteks yang bantu: Nalesha sudah pakai server-side tracking untuk GA4 sejak 2024, jadi infrastruktur logging-nya matang. Untuk bisnis yang belum, allokasikan tambahan 4-6 jam untuk membangun logger event di Supabase.

Pertanyaan Umum

Apakah CAPI menggantikan Pixel browser?

Tidak. Keduanya saling melengkapi. Pixel menangkap event browser, CAPI menangkap event server. Idealnya keduanya aktif dengan event_id yang sama untuk dedup.

Berapa biaya tambahan untuk CAPI?

Nol untuk Meta API itu sendiri. Yang muncul adalah biaya server kecil (di bawah 1 USD per bulan untuk traffic 50 ribu event di Vercel) dan waktu setup 2-3 jam.

Apakah perlu ganti dari Pixel ke CAPI total?

Jangan. Browser pixel masih berguna untuk event upper-funnel seperti PageView yang tidak butuh akurasi tinggi. CAPI ideal untuk event bawah funnel seperti Purchase, Lead, AddPaymentInfo.

Bagaimana cek EMQ setelah implementasi?

Buka Events Manager Meta, pilih Pixel, masuk tab Overview. Skor EMQ per event muncul di kolom kanan. Tunggu minimal 48 jam setelah event mulai dikirim agar data stabil.

Penutup

CAPI server-side bukan optimasi opsional di 2026, tapi fondasi pengukuran iklan yang akurat di era cookieless. Marketer Indonesia yang masih mengandalkan Pixel saja akan melihat biaya per konversi naik setiap pembaruan privasi browser. Investasi 2-3 jam untuk setup CAPI biasanya kembali dalam 7-14 hari berupa efisiensi budget.

Bagikan

Artikel Terkait

#meta-ads#conversion-api#nextjs#tracking#server-side

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang