Os Apps Web Progressivos são fáceis de instalar com um novo botão de instalação na barra de endereço (omnibox) do Chrome.
No computador, geralmente não há indicação para o usuário de que um Progressive Web App pode ser instalado. Se puder, o fluxo de instalação fica oculto no menu de três pontos.
No Chrome 76 (versão Beta em meados de junho de 2019), estamos facilitando a instalação de Apps Web Progressivos no computador adicionando um botão de instalação à barra de endereço (omnibox). Se um site atender aos critérios de instalação de App Web Progressivo, o Chrome vai mostrar automaticamente um ícone de instalação na barra de endereço. Ao clicar no botão, o usuário é solicitado a instalar o PWA.
Como outros eventos de instalação, você pode detectar o evento appinstalled
para saber se o usuário instalou seu PWA.
Como adicionar seu próprio comando de instalação
Se o PWA tiver casos de uso em que seja útil para um 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 que ele
saiba que pode instalar o App Web Progressivo.
Padrões para promover a instalação do PWA
Há três maneiras principais de promover a instalação do seu PWA:
- Promoção automática do navegador, como o botão de instalação da barra de endereço.
- Promoção da interface do aplicativo, em que os elementos da interface aparecem na interface do aplicativo, como banners, botões no cabeçalho ou no menu de navegação etc.
- Os padrões promocionais inline misturam as promoções com o conteúdo do site.
Confira os padrões para promover a instalação de PWAs (dispositivos móveis) para mais detalhes. O foco é em dispositivos móveis, mas muitos dos padrões são aplicáveis a computadores ou podem ser facilmente modificados para funcionar em computadores.