Progressive Web App mudah diinstal dengan tombol instal baru di kolom URL (omnibox) Chrome.
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 (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. 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 bermanfaat bagi pengguna untuk menginstal aplikasi, misalnya jika Anda memiliki pengguna yang menggunakan aplikasi lebih dari sekali seminggu, Anda harus mempromosikan penginstalan PWA dalam UI web aplikasi.
Untuk menambahkan tombol instal kustom Anda sendiri, proses peristiwa
beforeinstallprompt. Saat peristiwa diaktifkan,
simpan referensi ke peristiwa tersebut, 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 yang berlaku untuk desktop, atau dapat dengan mudah dimodifikasi agar berfungsi untuk pengalaman desktop.