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 berbagai saluran distribusi adalah cara efektif untuk menjangkau banyak pengguna, tetapi memilih strategi yang tepat untuk mempromosikan penginstalan PWA Anda bisa jadi sulit.
Panduan ini membahas praktik terbaik untuk menggabungkan berbagai opsi penginstalan guna meningkatkan rasio penginstalan dan menghindari persaingan dan kanibalisasi platform. Penawaran penginstalan yang tercakup mencakup PWA yang diinstal dari browser dan App Store, serta aplikasi khusus platform.
Mengapa aplikasi web Anda harus dapat diinstal?
Progressive Web App yang diinstal berjalan di jendela mandiri, bukan tab browser. Aplikasi dapat diluncurkan dari layar utama, dok, taskbar, atau galeri aplikasi pengguna. Anda dapat menelusurinya di perangkat dan beralih di antara aplikasi dengan pengalih aplikasi, sehingga aplikasi tersebut terasa seperti bagian dari perangkat tempat aplikasi diinstal.
Namun, memiliki aplikasi web yang dapat diinstal dan aplikasi khusus platform dapat membingungkan pengguna. Bagi sebagian pengguna, aplikasi khusus platform mungkin merupakan pilihan terbaik, tetapi bagi pengguna lainnya, aplikasi tersebut dapat menimbulkan beberapa kelemahan:
- Batasan penyimpanan: menginstal aplikasi baru mungkin berarti menghapus aplikasi lain, atau mengosongkan ruang penyimpanan, dengan menghapus konten yang berharga. Hal ini sangat merugikan bagi pengguna di perangkat kelas bawah.
- Bandwidth yang tersedia: mendownload aplikasi dapat menjadi proses yang mahal dan lambat, terutama bagi pengguna yang memiliki koneksi lambat dan paket data mahal.
- Hambatan: keluar dari situs dan beralih ke app store 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 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: pengguna yang berpikir bahwa mereka tidak akan sering menggunakan aplikasi, atau tidak dapat membenarkan penggunaan penyimpanan atau data beberapa megabyte. 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 adalah indikasi yang baik bahwa Anda perlu menyediakan cara alternatif untuk menginstal pengalaman.
Mempromosikan penginstalan PWA melalui browser
Jika Anda memiliki PWA berkualitas tinggi, sebaiknya promosikan penginstalannya melalui aplikasi khusus platform. Misalnya, jika aplikasi khusus platform tidak memiliki fungsi yang ditawarkan oleh PWA Anda, atau jika aplikasi tersebut sudah lama tidak diupdate. 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 Anda adalah hal yang masuk akal. Namun, beberapa pengguna mungkin lebih nyaman menggunakan 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 kemampuan penginstalan, sebagian besar browser akan menampilkan indikasi bahwa PWA dapat diinstal. Misalnya, Chrome desktop menampilkan ikon yang dapat diinstal di kolom URL, dan di perangkat seluler, Chrome menampilkan infobar mini:
Meskipun hal itu mungkin cukup untuk beberapa pengalaman, jika sasaran Anda adalah mendorong penginstalan PWA, sebaiknya dengarkan BeforeInstallPromptEvent, dan ikuti pola untuk mempromosikan penginstalan PWA Anda.
Mencegah PWA Anda bersaing dengan rasio penginstalan aplikasi khusus platform
Dalam beberapa kasus, Anda dapat memilih untuk mempromosikan penginstalan aplikasi khusus platform melalui PWA, tetapi dalam hal ini, sebaiknya Anda tetap menyediakan mekanisme untuk mengizinkan pengguna menginstal PWA. 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 untuk waktu Anda akan menampilkan promosi penginstalan PWA kepada pengguna.
Misalnya: Pengguna PWA adalah pengguna yang telah melihat perintah penginstalan aplikasi khusus platform dan tidak menginstal aplikasi khusus platform. Mereka telah kembali ke situs setidaknya lima kali, atau mereka telah mengklik banner aplikasi, tetapi terus menggunakan situs.
Kemudian, heuristik dapat diterapkan dengan cara berikut:
- Menampilkan banner penginstalan 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 (misalnya,
document.cookie = "user-visits=1"). - Tulis fungsi, seperti
isPWAUser(), yang menggunakan informasi yang sebelumnya disimpan dalam cookie bersama dengangetInstalledRelatedApps()API untuk menentukan apakah pengguna dianggap sebagai "pengguna PWA". - Saat pengguna melakukan tindakan yang bermakna, panggil
isPWAUser(). Jika fungsi menampilkan true dan perintah penginstalan PWA disimpan sebelumnya, Anda dapat menampilkan tombol penginstalan PWA.
Mempromosikan penginstalan PWA Anda melalui app store
Aplikasi untuk App Store dapat dibuat dengan teknologi yang berbeda, termasuk teknik PWA. Di Menggabungkan PWA ke dalam 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 khusus platform jika tidak memiliki PWA, atau jika aplikasi khusus platform tersebut menampilkan kumpulan 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 Play Store. (Hal ini akan dibahas nanti dalam artikel ini.) Beberapa perusahaan memilih untuk menyediakannya sebagai pengalaman "lite", dan perusahaan lain juga telah menggunakan pendekatan ini untuk aplikasi unggulan (inti) mereka.
Mempromosikan Aplikasi Ringan
Menurut studi Google Play, untuk setiap kenaikan ukuran APK sebesar 6 MB, rasio konversi penginstalan akan menurun sebesar 1%. Artinya, rasio penyelesaian download aplikasi berukuran 10 MB dapat mencapai 30% lebih tinggi daripada aplikasi berukuran 100 MB.
Untuk mengatasi hal ini, beberapa perusahaan memanfaatkan PWA mereka untuk menyediakan versi ringan aplikasi mereka di Play Store menggunakan Aktivitas Web Tepercaya (TWA). TWA 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, dan menyediakannya di Play Store menggunakan TWA. Saat artikel ini ditulis, aplikasi Oyo hanya berukuran 850 KB, hanya 7% dari ukuran aplikasi Android mereka. Dan setelah diinstal, aplikasi ini tidak dapat dibedakan dengan aplikasi Android mereka:
Oyo mempertahankan versi aplikasi utama dan "lite" di Play Store, sehingga memberikan pilihan kepada penggunanya.
Memberikan pengalaman web yang ringan
Secara intuitif, pengguna di perangkat kelas bawah mungkin lebih cenderung mendownload aplikasi versi ringan daripada pengguna di 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 memetakan sinyal tersebut ke kategori perangkat (misalnya, "tinggi", "sedang", atau "rendah"). Anda bisa mendapatkan informasi ini dengan berbagai cara, menggunakan JavaScript API atau petunjuk klien.
Menggunakan JavaScript
Dengan menggunakan properti JavaScript seperti navigator.hardwareConcurrency, navigator.deviceMemory, dan navigator.connection, Anda bisa mendapatkan informasi tentang CPU, memori, dan status jaringan perangkat. Contoh:
const deviceCategory = req.get('Device-Memory') < 1 ? 'lite' : 'full';`
Menggunakan petunjuk klien
Sinyal perangkat juga dapat disimpulkan di header permintaan HTTP, melalui petunjuk klien. Berikut adalah cara mengimplementasikan kode sebelumnya untuk memori perangkat dengan petunjuk klien:
Pertama, beri tahu browser bahwa Anda tertarik untuk menerima petunjuk memori perangkat di header respons HTTP untuk 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 tampilkan perintah 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 utama pengguna adalah salah satu fitur aplikasi yang paling menarik. Mengingat bahwa secara historis hal 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 untuk menginstal pengalaman mereka. Saat ini ada lebih banyak opsi untuk mengizinkan pengguna menginstal aplikasi, termasuk menawarkan pengalaman aplikasi ringan di Play Store, dan mengizinkan pengguna menambahkan PWA ke layar utama dengan meminta mereka melakukannya langsung dari situs.