Panel Alamat Menginstal untuk Progressive Web App di Desktop

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 ya, alur penginstalan akan disembunyikan dalam menu tiga titik.

Di Chrome 76 (versi beta pada 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 kemampuan penginstalan Aplikasi Web Progresif, Chrome akan otomatis menampilkan ikon instal di kolom URL. Mengklik tombol akan meminta pengguna 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 mengharuskan pengguna menginstal aplikasi Anda, misalnya jika Anda memiliki pengguna yang menggunakan aplikasi Anda lebih dari sekali dalam seminggu, Anda harus mempromosikan penginstalan PWA Anda dalam UI web aplikasi Anda.

Untuk menambahkan tombol instal kustom Anda sendiri, proses peristiwa beforeinstallprompt. Saat diaktifkan, simpan referensi ke peristiwa, dan update 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 kolom URL.
  • Promosi UI aplikasi, tempat elemen UI muncul dalam antarmuka aplikasi, seperti banner, tombol di header atau menu navigasi, dll.
  • Pola promosi inline memadukan promosi dalam konten situs.

Lihat Pola untuk Mempromosikan Penginstalan PWA (seluler) untuk mengetahui detail selengkapnya. Fokusnya adalah seluler, tetapi banyak pola yang berlaku untuk desktop, atau dapat dengan mudah diubah agar berfungsi untuk pengalaman desktop.