Informazioni preliminari sulle app web progressive e sulla mini-barra delle informazioni
Le app web progressive (PWA) sono un pattern per creare siti web simili ad app, con caricamento istantaneo, affidabili e installabili.
Quando la tua PWA supera il controllo di installabilità su Android, nella parte inferiore della finestra del browser viene visualizzata una finestra di dialogo di sistema di Chrome chiamata mini-barra informativa.
Oggi la mini barra delle informazioni Aggiungi alla schermata Home viene mostrata contemporaneamente all'evento
beforeinstallprompt.
Modifiche in Chrome 76
Abbiamo ascoltato la nostra community e abbiamo scoperto che gli sviluppatori vogliono avere un maggiore controllo su quando chiedere agli utenti di installare una PWA. Abbiamo ascoltato gli utenti.
A partire da Chrome 76, puoi impedire la visualizzazione della mini barra delle informazioni chiamando
preventDefault() sull'evento beforeinstallprompt.
L'evento beforeinstallprompt può aiutarti a promuovere l'installazione della tua
app web progressiva, consentendo agli utenti di aggiungerla facilmente alla schermata Home.
La nostra community ha condiviso che gli utenti che installano una PWA nella schermata Home
sono molto coinvolti, con più visite ripetute, più tempo trascorso nell'app e, se
applicabile, tassi di conversione più elevati.
Per promuovere la tua app web senza la mini barra delle informazioni, ascolta l'evento
beforeinstallprompt, quindi salvalo. Poi, aggiorna l'interfaccia utente per indicare che la tua PWA può essere installata, ad esempio aggiungendo un pulsante di installazione, mostrando un banner di installazione, utilizzando promozioni in-feed o un'opzione di menu. Quando l'utente fa clic sull'elemento di installazione, chiama prompt() sull'evento beforeinstallprompt salvato per mostrare la finestra di dialogo modale Aggiungi alla schermata Home.
Futuro della mini barra delle informazioni Aggiungi alla schermata Home
L'utilizzo della barra informativa Aggiungi alla schermata Home è ancora una misura temporanea. Stiamo sperimentando nuovi pattern della UI che continueranno a offrire agli utenti delle app web progressive la possibilità di installarle, riducendo al contempo il disordine nell'esperienza di navigazione.