Informações sobre Progressive Web Apps e a minibarra de informações
Os Progressive Web Apps (PWAs) são um padrão para criar sites instaláveis, confiáveis e com carregamento instantâneo semelhantes a apps.
Quando a PWA passar na lista de verificação de instalabilidade no Android, uma caixa de diálogo do sistema Chrome chamada minibarra de informações vai aparecer na parte de baixo da janela do navegador.
Hoje, a minibarra de informações "Adicionar à tela inicial" é mostrada ao mesmo tempo que o
evento
beforeinstallprompt.
Mudanças no Chrome 76
Ouvimos nossa comunidade e entendemos que os desenvolvedores querem mais controle sobre quando pedir aos usuários para instalar um PWA. Você pediu e nós ouvimos!
A partir do Chrome 76, é possível impedir a minibarra de informações chamando
preventDefault() no evento beforeinstallprompt.
O evento beforeinstallprompt pode ajudar a promover a instalação do
app da Web progressivo, facilitando a adição dele à tela inicial dos usuários.
Nossa comunidade compartilhou que os usuários que instalam um PWA na tela inicial têm
um alto nível de engajamento, com mais visitas repetidas, mais tempo gasto no app e, quando
aplicável, taxas de conversão mais altas.
Para promover seu app da Web sem o miniinfobar, detecte o
evento beforeinstallprompt e salve-o. Em seguida, atualize a interface
do usuário para indicar que o PWA pode ser instalado, por exemplo, adicionando um
botão de instalação, mostrando um banner de instalação, usando promoções no feed ou uma
opção de menu. Quando o usuário clica no elemento de instalação, chame prompt() no
evento beforeinstallprompt salvo para mostrar a caixa de diálogo modal
"Adicionar à tela inicial".
Futuro da minibarra de informações "Adicionar à tela inicial"
O uso da infobarra "Adicionar à tela inicial" ainda é uma medida temporária. Estamos testando novos padrões de interface que vão continuar permitindo que os usuários de apps da Web progressivos façam instalações, e isso de uma forma que reduz a desorganização na experiência de navegação.