Latar belakang Progressive Web App dan infobar mini
Progressive Web App (PWA) adalah pola untuk membuat situs yang mirip aplikasi, memuat secara instan, andal, dan dapat diinstal.
Saat PWA Anda lulus daftar periksa kemampuan penginstalan di Android, dialog sistem Chrome yang disebut infobar mini akan muncul di bagian bawah jendela browser.
Hari ini, info mini Tambahkan ke Layar utama ditampilkan bersamaan dengan
beforeinstallprompt
acara.
Perubahan di Chrome 76
Kami telah mendengarkan masukan dari komunitas dan yang kami dengar adalah bahwa developer ingin memiliki lebih banyak kontrol atas waktu untuk meminta pengguna menginstal PWA. Kami mendengar masukan Anda.
Mulai Chrome 76, Anda dapat mencegah infobar mini dengan memanggil
preventDefault() pada peristiwa beforeinstallprompt.
Peristiwa beforeinstallprompt dapat membantu Anda mempromosikan penginstalan aplikasi web progresif, sehingga pengguna dapat menambahkannya dengan mudah ke layar utama mereka.
Komunitas kami telah menyampaikan bahwa pengguna yang menginstal PWA ke layar utama sangat aktif, dengan lebih banyak kunjungan berulang, waktu yang dihabiskan di aplikasi, dan jika berlaku, rasio konversi yang lebih tinggi.
Untuk mempromosikan aplikasi web tanpa infobar mini, dengarkan peristiwa
beforeinstallprompt, lalu simpan peristiwa tersebut. Selanjutnya, perbarui antarmuka pengguna Anda untuk menunjukkan bahwa PWA Anda dapat diinstal, misalnya dengan menambahkan tombol instal, menampilkan banner instal, menggunakan promosi dalam feed, atau opsi menu. Saat pengguna mengklik elemen penginstalan, panggil prompt() pada
peristiwa beforeinstallprompt yang disimpan untuk menampilkan dialog modal tambahkan ke layar utama.
Masa depan info mini Tambahkan ke Layar utama
Penggunaan panel info tambahkan ke layar utama masih merupakan tindakan sementara. Kami sedang bereksperimen dengan pola UI baru yang akan terus memberi pengguna Aplikasi Web Progresif kemampuan untuk menginstal, dan melakukannya dengan cara yang mengurangi kekacauan dalam pengalaman penjelajahan.