Cara menentukan strategi penginstalan

Demián Renzulli

Pete LePage

Dipublikasikan: 12 Mei 2020

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 yang efektif untuk menjangkau basis pengguna yang luas. Namun, memilih strategi yang tepat untuk mempromosikan penginstalan PWA Anda bisa jadi sulit.

Panduan ini membahas praktik terbaik untuk menggabungkan berbagai opsi penginstalan guna meningkatkan tingkat penginstalan dan menghindari persaingan serta 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 di tab browser. Aplikasi ini dapat diluncurkan dari layar utama, dok, taskbar, atau panel pengguna. Anda dapat menelusurinya di perangkat dan berpindah di antara keduanya dengan pengalih aplikasi, sehingga terasa seperti bagian dari perangkat tempat aplikasi diinstal.

Namun, memiliki aplikasi web yang dapat diinstal dan aplikasi khusus platform dapat membingungkan pengguna. Untuk beberapa pengguna, aplikasi khusus platform mungkin menjadi pilihan terbaik, tetapi bagi pengguna lain, aplikasi tersebut dapat menimbulkan beberapa kekurangan:

• Batasan penyimpanan: menginstal aplikasi baru dapat berarti menghapus aplikasi lain, atau membersihkan ruang penyimpanan, dengan menghapus konten berharga. Hal ini terutama merugikan pengguna di perangkat kelas bawah.
• Bandwidth yang tersedia: mendownload aplikasi bisa menjadi proses yang mahal dan lambat, terutama bagi pengguna yang menggunakan koneksi lambat dan paket data mahal.
• Hambatan: meninggalkan situs dan beralih ke toko untuk mendownload aplikasi 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 (seperti 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 penyimpanan atau data. Anda dapat menentukan ukuran segmen ini dengan beberapa cara, misalnya dengan menggunakan penyiapan Analytics 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 Anda.

Mempromosikan penginstalan PWA Anda di browser

Jika Anda memiliki PWA berkualitas tinggi, sebaiknya promosikan penginstalannya daripada aplikasi khusus platform Anda. Misalnya, jika aplikasi khusus platform tidak memiliki fungsi yang ditawarkan oleh PWA Anda, atau jika aplikasi tersebut belum diperbarui dalam beberapa waktu. Hal ini juga dapat membantu mempromosikan 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 masuk akal secara bisnis. Namun, beberapa pengguna mungkin lebih nyaman tetap menggunakan web. Jika segmen tersebut dapat diidentifikasi, dialog PWA hanya dapat ditampilkan kepada mereka. Kami menyebutnya 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 Anda memantau BeforeInstallPromptEvent, dan mengikuti pola untuk mempromosikan penginstalan PWA Anda.

Mencegah PWA Anda mengganggu rasio penginstalan aplikasi khusus platform

Dalam beberapa kasus, Anda dapat memilih untuk mempromosikan penginstalan aplikasi khusus platform daripada PWA Anda. Namun, sebaiknya Anda tetap menyediakan mekanisme untuk mengizinkan pengguna menginstal PWA Anda. Opsi penggantian ini memungkinkan pengguna yang tidak dapat (atau tidak ingin) menginstal aplikasi khusus platform Anda untuk mendapatkan pengalaman yang serupa dan terinstal.

Langkah pertama untuk menerapkan strategi ini adalah menentukan heuristik untuk kapan Anda akan menampilkan promosi penginstalan untuk PWA kepada pengguna.

Misalnya, pengguna PWA dapat berupa pengguna yang telah melihat perintah penginstalan untuk aplikasi khusus platform Anda, tetapi belum menginstalnya. Mereka mungkin kembali ke situs Anda lima kali atau lebih, mengklik banner aplikasi, tetapi tetap menggunakan situs.

Heuristik dapat diterapkan dengan cara berikut:

1. Menampilkan banner penginstalan aplikasi khusus platform.
2. Jika pengguna menutup banner, tetapkan cookie dengan informasi tersebut (seperti document.cookie = "app-install-banner=dismissed").
3. Gunakan cookie lain untuk melacak jumlah kunjungan pengguna ke situs (seperti document.cookie = "user-visits=1").
4. Tulis fungsi, seperti isPWAUser(), yang menggunakan informasi yang sebelumnya disimpan di cookie bersama dengan API getInstalledRelatedApps() untuk menentukan apakah pengguna dianggap sebagai pengguna PWA.
5. Saat pengguna melakukan tindakan yang bermakna, panggil isPWAUser(). Jika fungsi menampilkan nilai benar (true) dan perintah penginstalan PWA disimpan sebelumnya, Anda dapat menampilkan tombol penginstalan PWA.

Mempromosikan penginstalan PWA Anda di app store

Aplikasi Play Store dapat dibangun dengan sejumlah teknologi yang berbeda, termasuk teknik PWA. Di Memadukan PWA ke dalam lingkungan native, Anda dapat menemukan ringkasan teknologi yang dapat digunakan untuk tujuan tersebut.

Aplikasi di Play Store dapat diklasifikasikan dalam dua grup:

• Aplikasi khusus platform: Aplikasi ini sebagian besar dibuat dengan kode khusus platform. Ukuran aplikasi bergantung pada platform, tetapi biasanya lebih dari 10 MB di Android, dan 30 MB di iOS. Anda mungkin ingin mempromosikan aplikasi khusus platform jika Anda tidak memiliki PWA, atau jika aplikasi khusus platform menyajikan serangkaian 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. Beberapa perusahaan memilih untuk menyediakannya sebagai pengalaman "lite", dan yang lain telah menggunakan pendekatan ini untuk aplikasi unggulan (inti) mereka juga.

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 bisa sekitar 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 Trusted Web Activities (TWA). TWA membungkus PWA Anda dalam komponen seperti webview, 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 Mei 2020, aplikasi Oyo hanya berukuran 850 KB, hanya 7% dari ukuran aplikasi Android mereka. Setelah diinstal, aplikasi ini tidak dapat dibedakan dari aplikasi Android mereka:

Oyo menyimpan versi aplikasi unggulan 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 perangkat pengguna dapat diidentifikasi, Anda dapat memprioritaskan banner penginstalan aplikasi ringan daripada versi aplikasi khusus platform yang lebih berat.

Di web, sinyal perangkat dapat diperoleh dan dipetakan secara kasar ke kategori perangkat (seperti "tinggi", "sedang", atau "rendah"). Anda dapat memperoleh informasi ini dengan berbagai cara, menggunakan JavaScript API atau petunjuk klien.

Menggunakan JavaScript

Dengan properti JavaScript, seperti navigator.hardwareConcurrency, navigator.deviceMemory, dan navigator.connection, Anda bisa mendapatkan informasi tentang status CPU, memori, dan jaringan perangkat masing-masing. 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 cara menerapkan kode sebelumnya untuk memori perangkat dengan petunjuk klien.

1. Memberi 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
   

2. Anda akan mulai menerima informasi Device-Memory di header permintaan permintaan HTTP:

   GET /main.js HTTP/1.1
   Device-Memory: 0.5
   

3. Gunakan informasi ini di backend Anda 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);
     …
   });
   

4. Buat logika Anda sendiri untuk memetakan informasi ini ke kategori perangkat, dan tampilkan dialog penginstalan aplikasi yang sesuai di setiap kasus:

   if (isDeviceMidOrLowEnd()) {
     // show "Lite app" install banner or PWA A2HS prompt
   } else {
     // show "Core app" install banner
   }
   

Izinkan pengguna menginstal aplikasi Anda, apa pun platformnya

Kemampuan untuk memiliki ikon di layar utama pengguna adalah salah satu fitur aplikasi yang paling menarik. Mengingat bahwa sebelumnya hal ini hanya mungkin 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.

Ada lebih banyak opsi untuk memungkinkan pengguna menginstal aplikasi, termasuk menawarkan pengalaman aplikasi ringan di Play Store, dan memungkinkan pengguna menambahkan PWA ke layar utama dengan meminta mereka melakukannya langsung dari situs.