Sebelumnya, penginstalan aplikasi hanya dapat dilakukan dalam konteks aplikasi khusus platform. Saat ini, aplikasi web modern menawarkan pengalaman yang dapat diinstal serta memberikan tingkat integrasi dan keandalan yang sama dengan aplikasi khusus platform.
Anda dapat melakukannya dengan berbagai cara:
- Menginstal PWA dari browser.
- Menginstal PWA dari app store.
Memiliki saluran distribusi yang berbeda adalah cara yang efektif untuk menjangkau jumlah pengguna yang luas, tetapi memilih strategi yang tepat untuk mempromosikan penginstalan PWA Anda bisa jadi sulit.
Panduan ini mengeksplorasi praktik terbaik untuk menggabungkan berbagai opsi pemasangan guna meningkatkan tingkat pemasangan dan menghindari persaingan platform dan kanibalisasi. Penawaran penginstalan yang dibahas mencakup PWA yang diinstal dari browser dan App Store, serta aplikasi khusus platform.
Mengapa aplikasi web Anda dapat diinstal?
Progressive Web App yang diinstal berjalan di jendela mandiri, bukan tab browser. Iklan ini dapat diluncurkan dari layar utama, dok, taskbar, atau rak pengguna. Anda dapat menelusurinya di perangkat dan melompat antar-nya dengan pengalih aplikasi, sehingga membuat aplikasi merasa seperti bagian dari perangkat yang menginstal aplikasi.
Namun, memiliki aplikasi web yang dapat diinstal dan aplikasi khusus platform bisa membingungkan pengguna. Untuk sebagian pengguna, aplikasi khusus platform mungkin menjadi pilihan terbaik, tetapi bagi pengguna lain aplikasi khusus platform mungkin menyajikan beberapa kelemahan:
- Batasan penyimpanan: menginstal aplikasi baru dapat berarti menghapus orang lain, atau mengosongkan ruang penyimpanan, dengan menghapus konten berharga. Hal ini sangat merugikan pengguna di perangkat kelas bawah.
- Bandwidth yang tersedia: mendownload aplikasi dapat menjadi proses yang mahal dan lambat, terlebih lagi bagi pengguna dengan koneksi yang lambat dan paket data yang mahal.
- Gesekan: meninggalkan situs lalu beralih ke toko untuk mendownload aplikasi akan menciptakan hambatan tambahan dan menunda tindakan pengguna yang dapat dilakukan secara langsung di web.
- Siklus update: melakukan perubahan pada aplikasi khusus platform mungkin memerlukan proses peninjauan aplikasi, yang dapat memperlambat perubahan dan eksperimen (misalnya, pengujian A/B).
Dalam beberapa kasus, persentase pengguna yang tidak akan mendownload aplikasi khusus platform Anda mungkin besar, misalnya: mereka yang berpikir bahwa mereka tidak akan terlalu sering menggunakan aplikasi, atau tidak dapat membenarkan penggunaan beberapa megabyte kapasitas penyimpanan atau data. Anda dapat menentukan ukuran segmen ini dengan beberapa cara, misalnya dengan menggunakan penyiapan analisis untuk melacak persentase "khusus web seluler" pelanggan.
Jika ukuran segmen ini cukup besar, hal tersebut merupakan indikasi yang baik bahwa Anda perlu memberikan cara alternatif untuk menginstal pengalaman Anda.
Mempromosikan penginstalan PWA Anda melalui browser
Jika Anda memiliki PWA berkualitas tinggi, mungkin akan lebih baik untuk mempromosikan penginstalannya daripada aplikasi khusus platform. Misalnya, jika aplikasi khusus platform tidak memiliki fungsi yang ditawarkan oleh PWA Anda, atau jika belum diupdate dalam beberapa waktu. Sebaiknya Anda juga mempromosikan penginstalan PWA jika aplikasi khusus platform tidak dioptimalkan untuk layar yang lebih besar, seperti di ChromeOS.
Untuk beberapa aplikasi, mendorong penginstalan aplikasi spesifik per platform adalah bagian penting dari model bisnis, sehingga wajar jika mempromosikan penginstalan aplikasi khusus platform Anda. Namun, beberapa pengguna mungkin lebih nyaman tetap berada di web. Jika segmen tersebut dapat diidentifikasi, perintah PWA hanya dapat ditampilkan kepada segmen tersebut (yang kami sebut "PWA sebagai fallback").
PWA sebagai pengalaman utama yang dapat diinstal
Setelah PWA memenuhi kriteria kemampuan penginstalan, sebagian besar browser menunjukkan indikasi bahwa PWA dapat diinstal. Misalnya, Chrome desktop menampilkan ikon yang dapat diinstal di kolom URL, dan di perangkat seluler akan menampilkan kolom info mini:
Meskipun hal tersebut mungkin cukup untuk beberapa pengalaman, jika sasaran Anda adalah mendorong penginstalan PWA, sebaiknya Anda memproses BeforeInstallPromptEvent, dan mengikuti pola untuk mempromosikan penginstalan PWA Anda.
Mencegah PWA Anda mengurangi rasio instal aplikasi spesifik per platform Anda
Dalam beberapa kasus, Anda dapat memilih untuk mempromosikan penginstalan aplikasi khusus platform melalui PWA. Namun, dalam kasus ini, sebaiknya Anda tetap menyediakan mekanisme untuk memungkinkan pengguna menginstal PWA. Opsi penggantian ini memungkinkan pengguna yang tidak dapat, atau tidak ingin menginstal aplikasi khusus platform Anda untuk mendapatkan pengalaman penginstalan yang serupa.
Langkah pertama untuk menerapkan strategi ini adalah menentukan heuristik saat Anda akan menampilkan promosi penginstalan PWA kepada pengguna.
Misalnya: Pengguna PWA adalah pengguna yang telah melihat permintaan instal aplikasi spesifik per platform dan belum menginstal aplikasi spesifik per platform. Mereka telah kembali ke situs setidaknya lima kali, atau telah mengklik banner aplikasi, tetapi tetap menggunakan situs.
Kemudian, heuristik dapat diterapkan dengan cara berikut:
- Menampilkan banner instal aplikasi khusus platform.
- Jika pengguna menutup banner, tetapkan cookie dengan informasi tersebut (misalnya,
document.cookie = "app-install-banner=dismissed"). - Gunakan cookie lain untuk melacak jumlah kunjungan pengguna ke situs (mis.,
document.cookie = "user-visits=1"). - Tulis fungsi, seperti
isPWAUser(), yang menggunakan informasi yang sebelumnya disimpan dalam cookie bersama dengan APIgetInstalledRelatedApps()untuk menentukan apakah pengguna dianggap sebagai "pengguna PWA". - Saat pengguna melakukan tindakan yang bermakna, panggil
isPWAUser(). Jika fungsi menampilkan nilai benar dan permintaan penginstalan PWA disimpan sebelumnya, Anda dapat menampilkan tombol instal PWA.
Mempromosikan penginstalan PWA Anda melalui app store
Aplikasi untuk App store dapat dibangun dengan berbagai teknologi, termasuk teknik PWA. Dalam Menggabungkan PWA ke lingkungan native, Anda dapat menemukan ringkasan teknologi yang dapat digunakan untuk tujuan tersebut.
Di bagian ini kita akan mengklasifikasikan aplikasi di Play Store dalam dua grup:
- Aplikasi khusus platform: aplikasi ini sebagian besar dibuat dengan kode khusus platform. Ukurannya bergantung pada platform, tetapi biasanya di atas 10 MB di Android, dan 30 MB di iOS. Anda mungkin ingin mempromosikan aplikasi spesifik per platform jika tidak memiliki PWA, atau jika aplikasi spesifik per platform menyajikan set fitur yang lebih lengkap.
- Aplikasi ringan: aplikasi ini juga dapat dibuat dengan kode khusus platform, tetapi biasanya dibuat dengan teknologi web, yang dikemas dalam wrapper khusus platform. PWA lengkap juga dapat diupload ke app store. (Hal ini akan dibahas nanti dalam artikel ini.) Beberapa perusahaan memilih untuk menyediakannya sebagai "ringan" dan developer lainnya juga telah menggunakan pendekatan ini untuk aplikasi (inti) unggulan mereka.
Mempromosikan Aplikasi Ringan
Menurut studi Google Play, untuk setiap peningkatan ukuran APK sebesar 6 MB, rasio konversi penginstalan berkurang sebesar 1%. Ini berarti bahwa rasio penyelesaian download untuk aplikasi berukuran 10 MB bisa saja 30% lebih tinggi dibandingkan aplikasi berukuran 100 MB!
Untuk mengatasinya, beberapa perusahaan memanfaatkan PWA mereka untuk menyediakan versi ringan aplikasi mereka di Play Store menggunakan Aktivitas Web Tepercaya (TWA). Taiwan menggabungkan PWA Anda dalam komponen seperti webview, dan ukuran aplikasi yang dihasilkan biasanya hanya beberapa megabyte.
Oyo, salah satu perusahaan perhotelan terbesar di India, membuat aplikasi versi Lite mereka, dan menyediakannya di Play Store menggunakan TWA. Pada saat artikel ini ditulis, aplikasi Oyo hanya berukuran 850 KB, hanya 7% dari ukuran aplikasi Android mereka. Setelah diinstal, setelan ini tidak dapat dibedakan dari aplikasi Android mereka:
Oyo mempertahankan flagship dan "lite" versi aplikasi di Play Store, yang memberikan pilihan kepada pengguna.
Memberikan pengalaman web yang ringan
Secara intuitif, pengguna perangkat kelas bawah, mungkin lebih cenderung mendownload versi aplikasi yang ringan dibandingkan pengguna ponsel kelas atas. Oleh karena itu, jika memungkinkan untuk mengidentifikasi perangkat pengguna, Anda dapat memprioritaskan banner penginstalan aplikasi ringan daripada versi aplikasi khusus platform yang lebih berat.
Di web, Anda dapat memperoleh sinyal perangkat dan memperkirakannya ke kategori perangkat (mis. "tinggi", "sedang", atau "rendah"). Anda bisa mendapatkan informasi ini dengan berbagai cara, baik menggunakan JavaScript API atau client hints.
Menggunakan JavaScript
Dengan menggunakan properti JavaScript seperti navigator.hardwareConcurrency, navigator.deviceMemory, dan navigator.connection, Anda dapat memperoleh informasi tentang CPU perangkat, memori, dan status jaringan. Contoh:
const deviceCategory = req.get('Device-Memory') < 1 ? 'lite' : 'full';`
Menggunakan client hints
Sinyal perangkat juga dapat disimpulkan di header permintaan HTTP, melalui petunjuk klien. Berikut ini cara mengimplementasikan kode sebelumnya untuk memori perangkat dengan client hints:
Pertama-tama, beri tahu browser bahwa Anda ingin menerima petunjuk memori perangkat di header respons HTTP untuk permintaan pihak pertama apa pun:
HTTP/1.1 200 OK
Content-Type: text/html
Accept-CH: Device-Memory
Kemudian, Anda akan mulai menerima informasi Device-Memory di header permintaan permintaan HTTP:
GET /main.js HTTP/1.1
Device-Memory: 0.5
Anda dapat menggunakan informasi ini di backend untuk menyimpan cookie dengan kategori perangkat pengguna:
app.get('/route', (req, res) => {
// Determine device category
const deviceCategory = req.get('Device-Memory') < 1 ? 'lite' : 'full';
// Set cookie
res.setCookie('Device-Category', deviceCategory);
…
});
Terakhir, buat logika Anda sendiri untuk memetakan informasi ini ke kategori perangkat, dan tampilkan prompt penginstalan aplikasi yang sesuai pada setiap kasus:
if (isDeviceMidOrLowEnd()) {
// show "Lite app" install banner or PWA A2HS prompt
} else {
// show "Core app" install banner
}
Kesimpulan
Kemampuan untuk memiliki ikon di layar beranda pengguna adalah salah satu fitur aplikasi yang paling menarik. Mengingat bahwa secara historis ini hanya dapat dilakukan untuk aplikasi yang diinstal dari app store, perusahaan mungkin berpikir bahwa menampilkan banner penginstalan app store sudah cukup untuk meyakinkan pengguna agar menginstal pengalaman mereka. Saat ini, ada lebih banyak opsi untuk mengizinkan pengguna menginstal aplikasi, termasuk menawarkan pengalaman aplikasi yang ringan di toko, dan mengizinkan pengguna menambahkan PWA ke layar utama dengan meminta mereka untuk melakukannya langsung dari situs.