abril 12, 2022
Esta publicación del blog se difundió originalmente en 2015. Se ha actualizado para reflejar los cambios en el entorno actual de iOS y la falta de cambios en el entorno Android.
Es bien sabido desde hace muchos años que los usuarios prefieren las apps móviles nativas a los sitios web móviles. Sin embargo, la vinculación profunda hacia y desde las apps aún no es tan sólida como debería en comparación con la web. Por ello, los sitios web móviles siguen siendo una parte importante del uso de teléfonos móviles, especialmente para descubrir nuevas apps.
Por ejemplo, imagina que un usuario existente comparte un artículo de tu app móvil en Facebook, y una serie de nuevos visitantes pinchan en ese artículo. Si tus enlaces llevan a esos visitantes a la página de la App Store para tu app, en lugar de mostrarles el artículo, como resultado habrá muchos usuarios descontentos que perderán el interés y regresarán a Facebook. Aquí es donde puede entrar en juego un sitio móvil con un banner de app inteligente.
En esta publicación, describiremos las distintas opciones de banners de app inteligentes disponibles en iOS y Android, incluido cómo crear banners inteligentes totalmente personalizados utilizando Branch Journeys.
Un banner inteligente móvil utiliza una fracción de la pantalla en un sitio web móvil para informar y animar a los usuarios a abrir la app nativa o instalarla si no la tienen. Se trata de un enlace inteligente que incluye toda la lógica de enrutamiento necesaria para abrir automáticamente la app cuando está instalada, o volver a una página de la App Store en caso contrario.
En iOS 6, Apple lanzó un banner de app inteligente para Safari. Su apariencia ha evolucionado desde entonces, pero sigue funcionando de la misma manera.
El banner de Apple tiene algunas características únicas que otros banners inteligentes de terceros no pueden replicar fácilmente:
También tiene algunas limitaciones importantes:
Si deseas utilizar el banner inteligente básico de Safari, lo único que debes hacer es incluir la siguiente metaetiqueta en el encabezado HTML de tu página web:
<meta name="apple-itunes-app" content="app-id=myAppStoreID, app-argument=myURL">
El ID de la app es el identificador único de tu app. Si no sabes cuál es el tuyo, puedes encontrarlo buscando en la App Store. El ID de tu app estará incluido en la ruta de la URL de la App Store de tu app:
El argumento de la app te permite asociar tu app y el destino previsto con la página web correspondiente de tu sitio. Esta asociación comparte el destino, junto con otra información (por ejemplo, si el usuario está conectado), a la app.
Para obtener más información sobre el banner predeterminado de Safari, consulta la página de documentación de Apple: Promoción de apps con banners de app inteligentes.
Nota: si has habilitado Enlaces universales para tu dominio y la app ya está instalada en el dispositivo, Safari mostrará automáticamente una versión más pequeña del banner de la app. Este «banner de Enlaces universales» no se puede inhabilitar.
Debido a la fragmentación del entorno Android y a la elección del navegador, Google nunca ha lanzado un banner inteligente para Android. Chrome ofrece algo llamado Solicitud de instalación de app nativa, pero es difícil de implementar, proporciona muy poco control a los desarrolladores y no ha sido ampliamente adoptado.
La introducción de Apple del banner inteligente para iOS generó inicialmente el desarrollo de algunas opciones de código abierto diferentes compatibles con Android. Desafortunadamente, el progreso de estas alternativas se ha estancado en los últimos años, lo que, una vez más, limita las opciones para los desarrolladores.
Se trata de una gran molestia si eres es un desarrollador móvil que ha diseñado tanto para Android como para iOS, y buscas medir comportamiento y atribución de manera consistente.
Afortunadamente, existe una solución: decenas de miles de apps utilizan banners de app inteligentes para iOS y Android con la herramienta Journeys de Branch. Estos funcionan en todos los sistemas operativos y navegadores para llevar a los usuarios a tu app o a la App Store, dependiendo de la situación.
Atrás quedaron los días de preocuparse por cómo hacer un banner de app inteligente para el sitio web móvil de tu app, o encontrar un creador externo de banners inteligentes. Con los banners inteligentes de Branch Journeys, obtienes toda la funcionalidad del banner de app inteligente para iOS de Apple, además de todo lo siguiente:
Para respaldar una apariencia y sensación de app nativa con tu sitio web móvil, o simplemente para personalizar la experiencia, Branch Journeys te permite personalizar completamente todos los aspectos visuales de tu banner utilizando un editor gráfico o editando directamente el CSS. Esto incluye el título de la app, la descripción, el botón de llamada a la acción, las estrellas de calificación y el número de reseñas. Todo se puede adaptar al diseño de tu sitio.
Es muy fácil empezar con Branch Journeys. Puedes seguir la guía paso a paso a continuación o solicitar una demostración de Branch para reunirte con un miembro de nuestro equipo.
En primer lugar, dirígete a nuestro panel de control y sigue las instrucciones para crear tu cuenta gratuita. Deberás determinar los diferentes puntos finales para que Branch sepa a dónde redirigir al usuario en cada situación.
A continuación, recupera tu clave de Branch del panel de control en Ajustes de cuenta > Perfil. Pega el fragmento de código a continuación en las etiquetas de Javascript de tu sitio. Agrega la clave que recuperaste de la página de ajustes en la sección ‘’key_live_YOUR_KEY_GOES_HERE».
Dirígete a la sección Journeys del panel de control de Branch y sigue el asistente para configurar tu banner de app inteligente. Si tienes menos de 10.000 usuarios activos mensuales (MAU), puedes activar Journeys de forma gratuita. También puedes encontrar la documentación completa de Journeys en nuestro portal para desarrolladores.
Por último, puedes configurar muy fácilmente tu app nativa para la vinculación profunda en diferido y el seguimiento de la instalación con nuestras instrucciones de integración para iOS o Android.
¡Todo listo!
Explora nuestra guía para obtener más ideas sobre cómo optimizar Journeys para usuarios de apps, o lee sobre cómo realizar un seguimiento de las descargas de apps desde los banners inteligentes.
To help you fuel cross-channel and cross-platform mobile growth, our team works hard to deliver the most current, relevant resources.