Cara Marketer Indonesia Pasang Web Share Target API di Next.js untuk Naikkan Save-to-Wishlist dari WhatsApp dan Pangkas Friksi Share dari 5 ke 2 Ketukan di 2026

TL;DR: Web Share Target API memungkinkan Progressive Web App terinstal muncul di share sheet OS sejajar WhatsApp dan Instagram. Untuk marketer Indonesia yang mengandalkan referral chat, pemasangannya di Next.js cukup edit manifest.json dan satu route handler, lalu rata-rata friksi share turun dari 5 ketukan ke 2.

Pola perilaku belanja online di Indonesia hampir selalu lewat WhatsApp. User melihat produk di Instagram, link dikirim ke grup teman, lalu yang berminat baru klik. Setiap perpindahan adalah peluang drop. Dalam audit yang Vito Atmo lakukan di akhir 2025 untuk klien parfum, 41 persen user yang men-share link wishlist gagal kembali karena harus copy-paste manual.

Web Share Target API menyelesaikan ini dengan mendaftarkan website Anda sebagai endpoint share di OS. Setelah PWA di-install, nama brand muncul di share sheet Android sebelah WhatsApp.

Beda Web Share API dan Web Share Target API

Banyak tim baru sadar perbedaannya saat audit. Web Share API sudah umum dipakai, tapi Web Share Target adalah lever yang sering terlupakan.

Implementasi di Next.js 15

Step 1: Edit manifest.json

{
  "name": "Nalesha Parfum",
  "short_name": "Nalesha",
  "start_url": "/",
  "display": "standalone",
  "share_target": {
    "action": "/share/wishlist",
    "method": "POST",
    "enctype": "application/x-www-form-urlencoded",
    "params": {
      "title": "title",
      "text": "text",
      "url": "url"
    }
  }
}

Step 2: Route handler

// app/share/wishlist/route.ts
import { NextResponse } from 'next/server';
import { addToWishlist } from '@/lib/wishlist';

export async function POST(req: Request) {
  const form = await req.formData();
  const url = form.get('url') as string;
  const text = form.get('text') as string;
  const productSlug = extractSlugFromUrl(url) || extractSlugFromText(text);
  if (productSlug) await addToWishlist(productSlug);
  return NextResponse.redirect(new URL(`/wishlist?added=${productSlug}`, req.url));
}

Route handler menerima POST dari OS, parsing payload, lalu redirect ke halaman wishlist dengan flash message. Tidak ada client component yang dibutuhkan.

Hasil di Studi Kasus Nalesha

Setelah deploy Web Share Target ke Nalesha pada Maret 2026, metrik bergerak:

Angka di atas berasal dari Google Analytics 4 + log Supabase wishlist Nalesha. Konteks: aktif iklan Meta dengan budget setara, dan tidak ada perubahan landing page utama.

Kombinasi dengan PWA Install Prompt

Web Share Target hanya aktif setelah PWA terinstal. Praktik yang berhasil adalah memunculkan install prompt soft (banner non-blocking) saat user sudah view minimal 3 produk. Pattern ini Vito Atmo terapkan di Atmo LMS untuk save-to-learning-path, dengan hasil install rate 14 persen di sesi second visit. Untuk eksplorasi share lewat NFC tap-to-katalog, baca pemasangan Web NFC.

Pertanyaan Umum

Apakah Safari iOS mendukung Web Share Target?

Per April 2026, dukungan iOS terbatas. Fallback yang aman adalah Universal Links + custom URL scheme untuk PWA yang diinstal lewat Safari add-to-home.

Apakah Web Share Target bisa menerima file gambar?

Ya, dengan enctype multipart/form-data dan declared files di manifest. Use case umum: receipt scanner, profile photo upload dari galeri.

Apakah perlu service worker?

Tidak wajib untuk implementasi dasar. Tapi service worker tetap dibutuhkan agar PWA bisa diinstal di Chrome.

Bagaimana cara testing tanpa deploy?

Pakai Chrome DevTools Application > Manifest. Untuk simulasi share, install PWA di Android Chrome lalu share dari aplikasi lain seperti Drive atau Photos.

Apakah ada risiko spam?

Ya, kalau route handler tidak validate payload. Pakai rate limiting per session dan validasi domain origin sebelum proses.

Penutup

Untuk pasar Indonesia yang share-driven, Web Share Target API adalah jalan pintas legit menambah retensi tanpa membangun aplikasi native. Konfigurasi total 30 menit, ROI terukur dalam minggu pertama. Referensi resmi tersedia di dokumentasi Web Share Target di web.dev.