Sebelumnya, penginstalan aplikasi hanya dapat dilakukan dalam konteks aplikasi khusus platform. Saat ini, aplikasi web modern menawarkan pengalaman yang dapat diinstal yang 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 ampuh untuk menjangkau sejumlah besar pengguna, tetapi memilih strategi yang tepat untuk mempromosikan penginstalan PWA Anda bisa menjadi tantangan tersendiri.
Panduan ini mengeksplorasi praktik terbaik untuk menggabungkan berbagai opsi penginstalan untuk meningkatkan tingkat penginstalan serta menghindari kompetisi platform dan kanibalisasi. Penawaran penginstalan yang dicakup mencakup PWA yang diinstal dari browser dan App Store, serta aplikasi khusus platform.
Mengapa harus membuat aplikasi web dapat diinstal?
Progressive Web App yang terinstal berjalan di jendela mandiri, bukan tab browser. Aplikasi dapat diluncurkan dari layar utama, dok, taskbar, atau rak pengguna. Anda dapat menelusurinya di perangkat dan melompat di antara keduanya dengan pengalih aplikasi, membuat mereka merasa seperti bagian dari perangkat tempatnya diinstal.
Namun, memiliki aplikasi web yang dapat diinstal dan aplikasi khusus platform bisa membingungkan pengguna. Untuk beberapa pengguna, aplikasi khusus platform mungkin menjadi pilihan terbaik, tetapi bagi pengguna yang lain, aplikasi ini memiliki beberapa kelemahan:
- Batasan penyimpanan: menginstal aplikasi baru dapat berarti menghapus pengguna lain, atau mengosongkan ruang penyimpanan, dengan menghapus konten yang berharga. Hal ini sangat merugikan bagi pengguna perangkat kelas bawah.
- Bandwidth yang tersedia: mendownload aplikasi dapat menjadi proses yang mahal dan lambat, terlebih lagi bagi pengguna dengan koneksi internet yang lambat dan paket data yang mahal.
- Gesekan: meninggalkan situs web dan beralih ke toko untuk mendownload aplikasi akan menimbulkan hambatan tambahan dan menunda tindakan pengguna yang dapat dilakukan langsung di web.
- Siklus update: melakukan perubahan pada aplikasi khusus platform mungkin mengharuskan melalui proses peninjauan aplikasi, yang dapat memperlambat perubahan dan eksperimen (misalnya pengujian A/B).
Dalam beberapa kasus, persentase pengguna yang tidak mau mendownload aplikasi khusus platform Anda mungkin besar, misalnya: mereka yang berpikir bahwa mereka tidak akan sering menggunakan aplikasi, atau tidak bisa membenarkan bahwa mereka menghabiskan beberapa megabyte penyimpanan atau data. Anda dapat menentukan ukuran segmen ini dengan beberapa cara, misalnya dengan menggunakan penyiapan analisis untuk melacak persentase pengguna "khusus web seluler".
Jika ukuran segmen ini cukup besar, itu merupakan indikasi yang baik bahwa Anda perlu menyediakan cara alternatif untuk menginstal pengalaman.
Mempromosikan penginstalan PWA Anda melalui browser
Jika Anda memiliki PWA berkualitas tinggi, mungkin akan lebih baik untuk mempromosikan penginstalannya di atas aplikasi khusus platform Anda. Misalnya, jika aplikasi khusus platform tidak memiliki fungsi yang ditawarkan oleh PWA Anda, atau jika aplikasi belum diupdate selama beberapa waktu. Sebaiknya promosikan penginstalan PWA Anda jika aplikasi khusus platform tidak dioptimalkan untuk layar yang lebih besar, seperti di ChromeOS.
Untuk beberapa aplikasi, mendorong penginstalan aplikasi khusus platform adalah bagian penting dari model bisnis. Dalam hal ini, mempromosikan penginstalan aplikasi khusus platform adalah hal yang masuk akal. Namun, beberapa pengguna mungkin lebih nyaman tetap berada di web. Jika segmen tersebut dapat diidentifikasi, perintah PWA hanya dapat ditampilkan kepada mereka (yang kami sebut "PWA sebagai penggantian").
PWA sebagai pengalaman utama yang dapat diinstal
Setelah PWA memenuhi kriteria 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, infobar mini akan ditampilkan:
Meskipun itu mungkin cukup untuk beberapa pengalaman, jika tujuan Anda adalah mendorong penginstalan PWA Anda, sebaiknya Anda memperhatikan BeforeInstallPromptEvent, dan mengikuti pola untuk mempromosikan penginstalan PWA Anda.
Mencegah PWA Anda mengorbankan rasio penginstalan aplikasi khusus platform Anda
Dalam beberapa kasus, Anda dapat memilih untuk mempromosikan penginstalan aplikasi khusus platform daripada PWA Anda, tetapi dalam kasus ini, sebaiknya Anda tetap menyediakan mekanisme yang memungkinkan pengguna menginstal PWA Anda. Opsi penggantian ini memungkinkan pengguna yang tidak dapat, atau tidak ingin menginstal aplikasi khusus platform Anda untuk mendapatkan pengalaman terinstal yang serupa.
Langkah pertama untuk menerapkan strategi ini adalah menentukan heuristik saat Anda akan menampilkan promosi penginstalan PWA Anda kepada pengguna.
Misalnya: Pengguna PWA adalah pengguna yang telah melihat permintaan penginstalan aplikasi khusus platform dan tidak menginstal aplikasi khusus platform. Mereka telah kembali ke situs setidaknya lima kali, atau telah mengklik banner aplikasi, tetapi tetap menggunakan situs tersebut.
Kemudian, heuristik dapat diterapkan dengan cara berikut:
- Tampilkan 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 di cookie bersama dengangetInstalledRelatedApps()API untuk menentukan apakah pengguna dianggap sebagai "pengguna PWA". - Saat pengguna melakukan tindakan yang bermakna, panggil
isPWAUser(). Jika fungsi tersebut menampilkan nilai benar (true) dan permintaan penginstalan PWA telah disimpan sebelumnya, Anda dapat menampilkan tombol penginstalan PWA.
Mempromosikan penginstalan PWA Anda melalui app store
Aplikasi untuk App store dapat dibuat dengan berbagai teknologi, termasuk teknik PWA. Di Menggabungkan PWA ke lingkungan native, Anda dapat menemukan ringkasan teknologi yang dapat digunakan untuk tujuan tersebut.
Di bagian ini, kami 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 pada Android dan 30 MB pada iOS. Anda mungkin ingin mempromosikan aplikasi khusus platform jika tidak memiliki PWA, atau jika aplikasi khusus 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 toko. (Hal ini akan dibahas nanti dalam artikel ini.) Beberapa perusahaan memilih untuk memberikan pengalaman ini sebagai pengalaman "ringan", dan yang lainnya juga telah menggunakan pendekatan ini untuk aplikasi unggulan (inti) mereka.
Mempromosikan Aplikasi Ringan
Menurut studi Google Play, untuk setiap peningkatan ukuran APK sebesar 6 MB, rasio konversi penginstalan akan menurun sebesar 1%. Ini berarti bahwa rasio penyelesaian download aplikasi 10 MB bisa sekitar 30% lebih tinggi daripada aplikasi 100 MB!
Untuk mengatasi hal ini, beberapa perusahaan memanfaatkan PWA untuk menyediakan versi ringan aplikasi mereka di Play Store menggunakan Aktivitas Web Tepercaya (TWA). TWA menggabungkan PWA Anda dalam webview seperti komponen, dan ukuran aplikasi yang dihasilkan biasanya hanya beberapa megabyte.
Oyo, salah satu perusahaan perhotelan terbesar di India, membuat versi Lite aplikasinya dan menyediakannya di Play Store menggunakan TWA. Pada saat artikel ini ditulis, ukuran aplikasi Oyo hanya 850 KB, hanya 7% dari ukuran aplikasi Android mereka. Setelah diinstal, aplikasi ini tidak bisa dibedakan dengan aplikasi Android mereka:
Oyo mempertahankan versi aplikasi unggulan dan "ringan" di Play Store, sehingga memberikan pilihan kepada pengguna mereka.
Memberikan pengalaman web yang ringan
Secara intuitif, pengguna yang menggunakan perangkat kelas bawah mungkin lebih cenderung mendownload aplikasi dalam versi ringan daripada pengguna di ponsel kelas atas. Oleh karena itu, jika memungkinkan untuk mengidentifikasi perangkat pengguna, Anda dapat memprioritaskan spanduk pemasangan aplikasi yang ringan daripada versi aplikasi khusus platform yang lebih berat.
Di web, Anda dapat memperoleh sinyal perangkat dan sekitar memetakannya ke kategori perangkat (mis. "tinggi", "sedang", atau "rendah"). Anda bisa memperoleh informasi ini dengan berbagai cara, menggunakan JavaScript API atau client hints.
Menggunakan JavaScript
Dengan properti JavaScript, seperti navigator.hardwareConcurrency, navigator.deviceMemory, dan navigator.connection, Anda bisa mendapatkan informasi tentang CPU, memori, dan status jaringan perangkat masing-masing. Contoh:
const deviceCategory = req.get('Device-Memory') < 1 ? 'lite' : 'full';`
Menggunakan petunjuk klien
Sinyal perangkat juga dapat disimpulkan dalam header permintaan HTTP, melalui petunjuk klien. Berikut cara mengimplementasikan kode sebelumnya untuk memori perangkat dengan client hints:
Pertama, beri tahu browser bahwa Anda ingin menerima petunjuk memori perangkat di header respons HTTP untuk setiap permintaan pihak pertama:
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 menampilkan 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 mungkin 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 melakukannya langsung dari situs.