Información general sobre las apps web progresivas y la minibarra de información
Las apps web progresivas (AWP) son un patrón para crear sitios web confiables, instalables y similares a los de una app.
Cuando la AWP pasa la lista de tareas de instalación en Android, aparece un diálogo del sistema Chrome llamado minibarra de información en la parte inferior de la ventana del navegador.
Actualmente, la minibarra de información de Agregar a la pantalla principal se muestra al mismo tiempo que el evento beforeinstallprompt
.
Cambios en Chrome 76
Escuchamos a nuestra comunidad y sabemos que los desarrolladores quieren tener más control sobre cuándo pedirles a los usuarios que instalen una AWP. Sus opiniones nos importan.
A partir de Chrome 76, puedes evitar la minibarra de información si llamas a preventDefault()
en el evento beforeinstallprompt
.
El evento beforeinstallprompt
puede ayudarte a promocionar la instalación de tu app web progresiva, lo que facilita que los usuarios la agreguen a su pantalla principal.
Nuestra comunidad informó que los usuarios que instalan una AWP en la pantalla principal interactúan mucho, con más visitas repetidas, más tiempo en la app y, cuando corresponda, porcentajes de conversiones más altos.
Para promocionar tu app web sin la minibarra de información, escucha el evento beforeinstallprompt
y, luego, guárdalo. A continuación, actualiza la interfaz de usuario para indicar que se puede instalar tu AWP, por ejemplo, con un botón de instalación, que muestre un banner de instalación, con promociones in-feed o una opción de menú. Cuando el usuario haga clic en el elemento de instalación, llama a prompt()
en el evento beforeinstallprompt
guardado para mostrar el diálogo modal Agregar a la pantalla principal.
El futuro de la minibarra informativa de Agregar a la pantalla principal
El uso de la barra de información de Agregar a la pantalla principal sigue siendo una medida temporal. Estamos experimentando con nuevos patrones de IU que seguirán brindando a los usuarios de aplicaciones web progresivas la capacidad de instalar la aplicación para reducir la complejidad en la experiencia de navegación.