La instalación de PWA es un evento de conversión. Trátelo como tal.
Lograr que los usuarios instalen su aplicación web progresiva es fundamental para la participación. Según Google, las PWA instaladas generan 4 veces más visitas a la página, un 80% más de duración de la sesión y tasas de conversión 3 veces más altas en comparación con el uso basado en navegador. Sin embargo, las tasas de instalación de PWA promedian solo entre el 3% y el 5% sin optimización. Los flujos de instalación optimizados pueden aumentar las tasas de instalación entre un 15% y un 20% o más. La clave es comprender cuándo y cómo solicitar a los usuarios la instalación en función de su comportamiento y señales de participación.
En x13apps, optimizamos la instalación y la participación de PWA para lograr la máxima adopción por parte del usuario. Aquí está nuestra estrategia.
El manifiesto de la aplicación web
El manifiesto de la aplicación web (manifest.json) controla cómo aparece su PWA cuando se instala. Propiedades de manifiesto esenciales: nombre (nombre completo de la aplicación para la pantalla de presentación), nombre corto (12 caracteres para la etiqueta de la pantalla de inicio), iconos (PNG de 192 x 192 y 512 x 512), URL de inicio (la página que se abre cuando se inicia la aplicación), pantalla (independiente para una experiencia similar a una aplicación sin navegador Chrome), color de tema (color de la barra de herramientas), color de fondo (fondo de la pantalla de presentación) y orientación (orientación de pantalla preferida). Cada propiedad afecta si los navegadores ofrecen instalación y cómo aparece la aplicación después de la instalación.
Consejos de optimización de manifiestos: proporcione al menos 2 tamaños de íconos (192 px y 512 px), use PNG con fondo transparente para los íconos, configure la visualización como independiente (no el navegador), use un color de fondo distinto que coincida con su marca y asegúrese de que start_url tenga el mismo origen que su aplicación. Las propiedades de manifiesto no válidas impiden la instalación por completo. Utilice la auditoría Lighthouse PWA para identificar problemas de manifiesto antes del lanzamiento. Pruebe la instalación en dispositivos reales: lo que funciona en Chrome DevTools puede comportarse de manera diferente en un dispositivo real.
Avisos de instalación inteligentes
Nunca active el mensaje de instalación inmediatamente cuando lleguen los usuarios. Todavía no conocen tu aplicación. En su lugar, utilice BeforeInstallPromptEvent para controlar cuándo mostrar el mensaje de instalación. Realice un seguimiento de las señales de participación del usuario que indican que la instalación está lista: tiempo en el sitio (más de 2 minutos), páginas visitadas (más de 3 páginas distintas), visitas recurrentes (más de 2 sesiones) y acciones de conversión clave (compra completada, cuenta creada). Los usuarios que cumplen más de 2 de estos criterios tienen 3 veces más probabilidades de realizar la instalación que los usuarios a los que se les solicita de inmediato.
Cree una interfaz de usuario de instalación personalizada en lugar de depender del mensaje predeterminado del navegador. Diseñe un banner de instalación en la aplicación que: explique el beneficio (excepto para uso sin conexión, acceso más rápido), aparezca en un punto de interrupción natural (después de completar una acción, no durante la incorporación), proporcione una llamada a la acción clara con un botón y pueda descartarse sin ocultarse permanentemente (permita volver a solicitarlo después de visitas posteriores). Las UI de instalación personalizadas convierten entre 2 y 3 veces la velocidad de las indicaciones predeterminadas del navegador según los estudios de casos de Google.
Compromiso posterior a la instalación
La instalación es el comienzo, no el final. Las PWA instaladas deben ofrecer valor continuo para evitar la desinstalación. Implemente funciones que aprovechen las capacidades de PWA: notificaciones push (volver a atraer a los usuarios con actualizaciones relevantes), sincronización en segundo plano (completar acciones del usuario incluso después de que se vayan) y acceso sin conexión (habilitar el uso durante las brechas de conectividad). Las notificaciones automáticas de las PWA logran tasas de clics del 30 al 40 % en comparación con el 1 al 3 % del correo electrónico. Pero el uso excesivo impulsa las desinstalaciones. Limite a 2 o 3 notificaciones por semana, a menos que proporcione valor urgente, como actualizaciones de pedidos o recordatorios de citas.
Realice un seguimiento de las métricas de participación posteriores a la instalación: usuarios activos diarios, frecuencia de las sesiones, tasas de retención (día 1, día 7, día 30) y tasa de desinstalación. Si las tasas de desinstalación superan el 10 % en un plazo de 30 días, evalúe si su aplicación proporciona suficiente valor continuo. Cuando sea posible, encueste a los usuarios desinstalados para comprender por qué se fueron. Implemente la detección de banners de aplicaciones web para ofrecer una nueva interacción cuando los usuarios regresen a su sitio después de la desinstalación. En x13apps, creamos PWA que los usuarios eligen instalar y conservar. Para obtener más información, lea nuestroGuía de estrategias de PWA sin conexión.