Progressive Web App mudah diinstal dengan tombol instal baru di kolom URL Chrome (omnibox).
Di desktop, biasanya tidak ada indikasi kepada pengguna bahwa Progressive Web App dapat diinstal, dan jika dapat, alur penginstalan akan disembunyikan dalam menu tiga titik.
Di Chrome 76 (beta pertengahan Juni 2019), kami mempermudah pengguna untuk menginstal Progressive Web App di desktop dengan menambahkan tombol instal ke kolom alamat (omnibox). Jika situs memenuhi kriteria penginstalan Progressive Web App, Chrome akan otomatis menampilkan ikon instal di kolom URL. Mengklik tombol tersebut akan meminta pengguna untuk menginstal PWA.
Seperti peristiwa penginstalan lainnya, Anda dapat memproses peristiwa appinstalled untuk mendeteksi apakah pengguna menginstal PWA Anda.
Menambahkan perintah penginstalan Anda sendiri
Jika PWA Anda memiliki kasus penggunaan yang berguna bagi pengguna untuk menginstal aplikasi Anda, misalnya jika Anda memiliki pengguna yang menggunakan aplikasi lebih dari sekali seminggu, Anda harus mempromosikan penginstalan PWA dalam UI web aplikasi Anda.
Untuk menambahkan tombol penginstalan kustom Anda sendiri, tangkap peristiwa
beforeinstallprompt. Saat diaktifkan, simpan referensi ke peristiwa, dan perbarui antarmuka pengguna untuk memberi tahu pengguna bahwa mereka dapat menginstal Progressive Web App Anda.
Pola untuk mempromosikan penginstalan PWA Anda
Ada tiga cara utama untuk mempromosikan penginstalan PWA:
- Promosi browser otomatis, seperti tombol instal kolom URL.
- Promosi UI aplikasi, tempat elemen UI muncul di antarmuka aplikasi, seperti banner, tombol di header atau menu navigasi, dll.
- Pola promosi inline menggabungkan promosi dalam konten situs.
Lihat Pola untuk Mempromosikan Penginstalan PWA (seluler) untuk mengetahui detail selengkapnya. Fokusnya adalah perangkat seluler, tetapi banyak pola yang berlaku untuk desktop, atau dapat dengan mudah dimodifikasi agar berfungsi untuk pengalaman desktop.