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 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 harus 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 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 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 mungkin berarti menghapus aplikasi lain, atau mengosongkan ruang penyimpanan, dengan menghapus konten yang 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: keluar dari situs lalu beralih ke app store 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 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, mungkin akan lebih baik untuk mempromosikan penginstalannya daripada aplikasi spesifik per platform. Misalnya, jika aplikasi khusus platform tidak memiliki fungsi yang ditawarkan oleh PWA Anda, atau jika 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 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 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, Chrome menampilkan infobar 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 penginstalan 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 terinstal 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 khusus platform dan tidak menginstal aplikasi khusus platform. Pengguna tersebut 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 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 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 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 app store. (Hal ini akan dibahas nanti dalam artikel ini.) Beberapa perusahaan memilih untuk menyediakannya sebagai pengalaman "ringan", dan perusahaan lain juga menggunakan pendekatan ini untuk aplikasi (inti) unggulan mereka.
Mempromosikan Aplikasi Ringan
Menurut studi Google Play, untuk setiap kenaikan ukuran APK sebesar 6 MB, rasio konversi penginstalan akan menurun sebesar 1%. Ini berarti bahwa rasio penyelesaian download untuk aplikasi berukuran 10 MB bisa saja 30% lebih tinggi dibandingkan aplikasi berukuran 100 MB!
Untuk mengatasi hal ini, beberapa perusahaan memanfaatkan PWA mereka untuk menyediakan versi aplikasi yang ringan 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. 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 memperkirakannya ke kategori perangkat (mis. "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 dapat memperoleh informasi tentang CPU perangkat, memori, dan status jaringan. 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-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 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 ini hanya dapat dilakukan untuk aplikasi yang diinstal dari app store, perusahaan mungkin berpikir bahwa menampilkan banner instal 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 ringan di Play Store, dan mengizinkan pengguna menambahkan PWA ke layar utama dengan meminta mereka melakukannya langsung dari situs.