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 diinstal, alur penginstalan disembunyikan dalam menu tiga titik.
Di Chrome 76 (versi beta pertengahan Juni 2019), kami mempermudah pengguna untuk menginstal Progressive Web App di desktop dengan menambahkan tombol instal ke kolom URL (omnibox). Jika situs memenuhi kriteria penginstalan Progressive Web App, Chrome akan otomatis menampilkan ikon instal di kolom URL. Dengan mengklik tombol, pengguna akan diminta 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 Anda:
- Promosi browser otomatis, seperti tombol instal di 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 polanya berlaku untuk desktop, atau dapat dengan mudah diubah agar sesuai untuk pengalaman desktop.