Las apps web progresivas son fáciles de instalar con un nuevo botón de instalación en la barra de direcciones de Chrome (cuadro multifunción).
En computadoras de escritorio, por lo general, no se indica al usuario que se puede instalar una app web progresiva y, si es así, el flujo de instalación se oculta en el menú de tres puntos.
En Chrome 76 (versión beta de mediados de junio de 2019), facilitaremos la instalación de apps web progresivas en computadoras de escritorio con un botón de instalación en la barra de direcciones (omnibox). Si un sitio cumple con los criterios de instalación de las apps web progresivas, Chrome mostrará automáticamente un ícono de instalación en la barra de direcciones. Cuando se hace clic en el botón, se le solicita al usuario que instale la AWP.
Al igual que con otros eventos de instalación, puedes escuchar el evento appinstalled para detectar si el usuario instaló tu AWP.
Cómo agregar tu propio mensaje de instalación
Si tu PWA tiene casos de uso en los que es útil que un usuario instale tu app, por ejemplo, si tienes usuarios que usan tu app más de una vez por semana, debes promocionar la instalación de tu PWA dentro de la IU web de tu app.
Para agregar tu propio botón de instalación personalizado, escucha el evento beforeinstallprompt. Cuando se active, guarda una referencia al evento y actualiza la interfaz de usuario para que el usuario sepa que puede instalar tu app web progresiva.
Patrones para promocionar la instalación de tu PWA
Existen tres formas clave de promocionar la instalación de tu AWP:
- Promoción automática del navegador, como el botón de instalación de la barra de direcciones
- Promoción de la IU de la aplicación, en la que los elementos de la IU aparecen en la interfaz de la aplicación, como banners, botones en el encabezado o menú de navegación, etcétera
- Los patrones promocionales intercalados entrelazan las promociones con el contenido del sitio.
Consulta los patrones para promover la instalación de PWA (dispositivos móviles) y obtener más detalles. Se enfoca en dispositivos móviles, pero muchos de los patrones se aplican a computadoras de escritorio o se pueden modificar con facilidad para que funcionen en experiencias de escritorio.