Le app web progressive sono facili da installare con un nuovo pulsante di installazione nella barra degli indirizzi di Chrome (omnibox).
Su computer, in genere non viene indicato all'utente che un'app web progressiva è installabile e, se lo è, il flusso di installazione è nascosto nel menu con tre puntini.
In Chrome 76 (beta a metà giugno 2019), semplifichiamo l'installazione delle app web progressive su computer aggiungendo un pulsante di installazione alla barra degli indirizzi (omnibox). Se un sito soddisfa i criteri di installabilità delle app web progressive, Chrome mostrerà automaticamente un'icona di installazione nella barra degli indirizzi. Se l'utente fa clic sul pulsante, gli viene chiesto di installare la PWA.
Come per altri eventi di installazione, puoi ascoltare l'evento appinstalled per rilevare se l'utente ha installato la tua PWA.
Aggiunta di un prompt di installazione personalizzato
Se la tua PWA ha casi d'uso in cui è utile che un utente installi la tua app, ad esempio se hai utenti che utilizzano la tua app più di una volta alla settimana, dovresti promuovere l'installazione della tua PWA all'interno dell'interfaccia utente web della tua app.
Per aggiungere il tuo pulsante di installazione personalizzato, ascolta l'evento beforeinstallprompt. Quando viene attivato, salva un riferimento all'evento e aggiorna l'interfaccia utente per informare l'utente che può installare la tua app web progressiva.
Pattern per promuovere l'installazione della tua PWA
Esistono tre modi principali per promuovere l'installazione della tua PWA:
- Promozione automatica del browser, come il pulsante di installazione della barra degli indirizzi.
- Promozione nell'interfaccia utente dell'applicazione, in cui gli elementi dell'interfaccia utente vengono visualizzati nell'interfaccia dell'applicazione, ad esempio banner, pulsanti nell'intestazione o nel menu di navigazione e così via.
- I pattern promozionali in linea intrecciano le promozioni con i contenuti del sito.
Per maggiori dettagli, consulta i pattern per la promozione dell'installazione di PWA (dispositivi mobili). Il focus è sui dispositivi mobili, ma molti dei pattern sono applicabili ai computer o possono essere facilmente modificati per funzionare con le esperienze su computer.