Digital Transformation
Web Share API
TL;DR: Web Share API adalah JavaScript API yang memanggil dialog share bawaan sistem operasi (iOS Share Sheet, Android Share menu) langsung dari halaman web. Marketer pakai ini supaya tombol share di blog atau landing page menghasilkan klik native tanpa pasang script vendor pihak ketiga yang membebani performa.
Apa itu Web Share API?
Web Share API memungkinkan website memanggil fungsi navigator.share({title, text, url, files}) untuk membuka panel share milik sistem operasi. Hasilnya: pengguna melihat daftar aplikasi yang sama persis seperti saat mereka share dari aplikasi native, termasuk WhatsApp, Instagram, atau Telegram. API ini tergolong progressive enhancement, artinya cukup ditambahkan di atas tombol share yang sudah ada.
Dukungan Browser dan Konteks
| Konteks | Dukungan |
|---|---|
| Chrome Android, Safari iOS | Penuh (link, text, file) |
| Chrome Desktop, Edge | Penuh sejak 2023 |
| Firefox Desktop | Belum tersedia |
| Persyaratan | HTTPS dan user gesture (klik) |
Karena dukungan belum 100%, pakai pola if (navigator.share) { ... } else { fallback } dengan tombol salin URL sebagai cadangan.
Kenapa Penting?
Tombol share kustom dari widget media sosial sering menambah 80-150 KB JavaScript dan tracker pihak ketiga. Dengan Web Share API, marketer Indonesia bisa hapus script tersebut, menurunkan beban halaman, dan tetap menyediakan jalur share yang familier untuk pengguna mobile yang dominan di pasar lokal.
Pertanyaan Umum
Apakah Web Share API butuh izin pengguna?
Tidak butuh permission popup. Tapi panggilan navigator.share() wajib dipicu oleh klik atau interaksi pengguna langsung, bukan event otomatis.
Bisakah share file gambar pakai API ini?
Bisa, lewat properti files dengan objek File. Cek dulu navigator.canShare({files: [...]}) sebelum memanggil untuk hindari error di browser yang tidak mendukung share file.
Istilah Terkait