Os Progressive Web Apps são fáceis de instalar com um novo botão na barra de endereço (omnibox) do Chrome.
Em computadores, normalmente não há indicação para o usuário de que um app da Web progressiva pode ser instalado. Se for possível, o fluxo de instalação fica oculto no menu de três pontos.
No Chrome 76 (Beta, meados de junho de 2019), estamos facilitando a instalação de apps da Web progressivos na área de trabalho adicionando um botão de instalação à barra de endereço (omnibox). Se um site atender aos critérios de instalabilidade de apps da Web progressivos, o Chrome vai mostrar automaticamente um ícone de instalação na barra de endereço. Clicar no botão faz com que o usuário instale a PWA.
Assim como outros eventos de instalação, é possível detectar o evento appinstalled
para saber se o usuário instalou o PWA.
Como adicionar seu próprio comando de instalação
Se o PWA tiver casos de uso em que é útil para o usuário instalar o app, por exemplo, se você tiver usuários que usam o app mais de uma vez por semana, promova a instalação do PWA na interface da Web do app.
Para adicionar seu próprio botão de instalação personalizado, detecte o evento
beforeinstallprompt. Quando ele for acionado,
salve uma referência ao evento e atualize a interface do usuário para informar ao usuário
que ele pode instalar o app da Web progressiva.
Padrões para promover a instalação do PWA
Há três maneiras principais de promover a instalação da PWA:
- Promoção automática do navegador, como o botão de instalação da barra de endereços.
- Promoção da interface do aplicativo, em que elementos da interface aparecem na interface do aplicativo, como banners, botões no cabeçalho ou menu de navegação etc.
- Os padrões promocionais inline intercalam promoções no conteúdo do site.
Confira os padrões de Promoção da instalação de PWA (dispositivos móveis) para mais detalhes. O foco é o dispositivo móvel, mas muitos dos padrões são aplicáveis a computadores ou podem ser facilmente modificados para funcionar em experiências para computadores.