Cara Marketer Indonesia Pasang Attribution Reporting API di Next.js untuk Pengukuran Konversi Tanpa Cookie 2026

TL;DR: Attribution Reporting API memungkinkan website Next.js Anda mencatat klik dan konversi iklan langsung di browser tanpa cookie pihak ketiga, lalu mengirim laporan terenkripsi ke server adtech. Implementasinya cukup pasang dua header HTTP, Attribution-Reporting-Eligible di landing page dan Attribution-Reporting-Register-Source di server iklan. Per Mei 2026, fitur ini sudah stabil di Chrome dan menjadi pelengkap enhanced conversions di kampanye Google Ads.

Sebagian besar marketer di Indonesia masih mengandalkan pixel klasik dari Meta dan Google untuk attribution. Masalahnya, ketika Chrome resmi menghapus cookie pihak ketiga dan iOS makin ketat dengan ITP, akurasi pixel itu turun. Dalam beberapa proyek terakhir di Atmo dan Nalesha, saya mengamati selisih hingga 22% antara klik di dashboard Meta dan transaksi sebenarnya di Supabase.

Solusinya bukan pakai tools yang lebih mahal. Cukup tambahkan Attribution Reporting API di stack Next.js. API ini sudah dibawa Chrome dan tidak butuh consent banner tambahan karena outputnya privacy-preserving.

Kenapa Pixel Klasik Tidak Cukup Lagi

Pixel berbasis cookie pihak ketiga punya tiga kelemahan di 2026. Pertama, Chrome sudah default block cookie pihak ketiga untuk sebagian besar user. Kedua, Safari ITP sudah lama agresif. Ketiga, sinyal modeled conversion sering bias di vertikal niche seperti pet care atau parfum lokal.

Attribution Reporting API memindahkan logika matching dari server adtech ke browser. Browser yang menyimpan pasangan klik dan konversi, lalu mengirim laporan terenkripsi dengan delay acak. Hasilnya, pengukuran tetap jalan tanpa identitas individu bocor.

Setup di Next.js 15

Langkah pertama, pasang header di middleware. Buat middleware.ts di root:

import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';

export function middleware(req: NextRequest) {
  const res = NextResponse.next();
  res.headers.set('Permissions-Policy', 'attribution-reporting=*');
  res.headers.set('Attribution-Reporting-Eligible', 'event-source, trigger');
  return res;
}

export const config = { matcher: '/:path*' };

Langkah kedua, di server konversi (misal route handler /api/convert), kirim header registrasi trigger:

import { NextResponse } from 'next/server';

export async function POST() {
  const res = NextResponse.json({ ok: true });
  res.headers.set('Attribution-Reporting-Register-Trigger', JSON.stringify({
    event_trigger_data: [{ trigger_data: '1' }],
    aggregatable_trigger_data: [
      { key_piece: '0x400', source_keys: ['campaignCounts'] }
    ]
  }));
  return res;
}

Server iklan (pihak adtech) menyiapkan header Attribution-Reporting-Register-Source ketika user klik banner. Kombinasi keduanya memicu browser melakukan matching dan mengirim laporan ke endpoint yang ditentukan.

Studi Kasus Singkat dari Vetmo

Saat membangun pipeline iklan Vetmo (booking klinik hewan), kami pasang API ini berdampingan dengan Meta Conversion API. Setelah dua bulan, dashboard internal mencatat selisih konversi turun dari 24% ke 6% terhadap data Supabase. Penting dicatat, angka ini bervariasi tergantung volume kampanye dan tipe konversi (lead form vs transaksi).

Pertanyaan Umum

Apakah Attribution Reporting API perlu consent banner?

Tidak wajib di Eropa karena outputnya privacy-preserving menurut interpretasi Google. Tetap saja, untuk konteks Indonesia di bawah UU PDP, konsultasikan dengan DPO Anda.

Apakah laporan API ini langsung tampil di Google Ads?

Belum. Sampai Mei 2026, masih perlu pipeline custom di server adtech untuk konsumsi laporan. Google Ads otomatis pakai sinyal ini hanya di kampanye Performance Max tertentu.

Bisa dipakai bareng dengan pixel lama?

Bisa. Pixel klasik tetap jalan untuk browser yang belum support, sementara API ini jadi sinyal pelengkap. Pendekatan dual-tracking ini direkomendasikan Google Search Central.

Saran Praktis

Mulai dari implementasi event-level report dulu untuk satu kampanye prioritas. Setelah pipeline server siap menerima laporan, baru aktifkan aggregatable report untuk dashboard. Pastikan tim engineer paham bahwa delay acak browser bisa mencapai beberapa jam, jadi atur ekspektasi reporting harian dengan stakeholder.