En Chrome 76, puede ocultar la minibarra informativa de Agregar a la pantalla principal

Penny McLachlan
Penny McLachlan

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.

Ejemplo de Pinterest que usa un banner de instalación para promocionar la instalación de su AWP.
Ejemplo de Pinterest que usa un banner de instalación para promocionar la instalación de su AWP Consulta Agregar a la pantalla principal para obtener detalles completos sobre el flujo de agregar a la pantalla principal, incluidas las muestras de código y otras prácticas recomendadas.

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.