Informações sobre Progressive Web Apps e a miniinfobar
Os Progressive Web Apps (PWAs) são um padrão para criar sites confiáveis, instaláveis, com carregamento instantâneo e semelhantes a apps.
Quando seu PWA passa na lista de verificação de capacidade de instalação no Android, uma caixa de diálogo do sistema do Chrome chamada miniinfobar aparece na parte de baixo da janela do navegador.
Hoje, a mini barra 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 ter 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 mini barra de informações chamando
preventDefault() no evento beforeinstallprompt.
O evento beforeinstallprompt pode ajudar você a promover a instalação do seu
PWA, facilitando a adição à tela inicial pelos usuários.
Nossa comunidade compartilhou que os usuários que instalam um PWA na tela inicial são
altamente engajados, com mais visitas repetidas, tempo gasto no app e, quando
aplicável, taxas de conversão mais altas.
Para promover seu app da Web sem a 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, adicione um botão de instalação, mostre um banner de instalação, use promoções no feed ou uma opção de menu. Quando o usuário clicar no elemento de instalação, chame prompt() no
evento beforeinstallprompt salvo para mostrar a caixa de diálogo modal
"Adicionar à tela inicial".
Futuro da miniinfobar "Adicionar à tela inicial"
O uso da infobar "Adicionar à tela inicial" ainda é uma medida temporária. Estamos experimentando novos padrões de interface de usuário que continuarão a oferecer aos usuários do Progressive Web App a capacidade de instalar e fazer isso de uma forma que reduza a desordem na experiência de navegação.