Conoce todos los detalles sobre el uso de deep links en aplicaciones móviles
Zhiyi Huang, Backend Developer, Adjust, 24 ene. 2022.
El uso de deep links para aplicaciones móviles es una tecnología que permite abrir una aplicación en una página específica de la misma cuando el usuario hace clic en una URL publicada en una página web o en otra aplicación. La implementación de deep links es un método demostrado que permite optimizar la experiencia de los usuarios y aumentar tus tasas de conversión. En este artículo, encontrarás los pasos para crear un deep link y otra información útil sobre este tema.
¿Por qué necesitas deep links?
Supongamos que acabas de publicar una aplicación de música. Quieres celebrar el lanzamiento de una nueva canción, por lo que pagaste mucho dinero para ejecutar una campaña en un sitio web popular. Tu campaña incluye una muestra breve de la canción y, probablemente, tu objetivo es que los usuarios escuchen la muestra en tu aplicación en lugar de utilizar tu sitio web, donde solo podrán ver la portada del álbum.
Vamos a ver otro ejemplo. Digamos que deseas recuperar a tus usuarios inactivos por medio de una campaña de ofertas. En esta campaña, tu plan es dirigir a los usuarios hacia la página de productos en oferta de tu aplicación con un solo clic, sin que tengan que buscarlos o escribir manualmente un código de descuento. Estos ejemplos muestran la utilidad de los deep links, ya que son la base de este tipo de campañas.
El uso de deep links en aplicaciones móviles ofrece una experiencia fluida para los usuarios, y puede aumentar tus tasas de conversión y retención de forma significativa. Si deseas obtener más información acerca de este tema, consulta nuestra publicación en el blog donde hablamos sobre los efectos del uso de deep links en las campañas.
¿Por qué existen los deep links?
Como ya mencionamos, los deep links ayudan a simplificar cualquier recorrido de los usuarios entre la web y las aplicaciones. También ayudan a que los anunciantes tengan muchas más probabilidades de convertir a esos usuarios.
Por ejemplo, digamos que quieres ejecutar una campaña de promoción de regalos de Navidad para atraer a los compradores hacia tu aplicación de comercio electrónico. Tu campaña incluye la categoría de "regalos de Navidad", donde se puede acceder a la vista previa de estos artículos, pero deseas que los compradores visualicen los artículos en tu aplicación, en lugar de utilizar tu sitio web. Los deep links resultan muy útiles en estos casos. Si el usuario tiene la aplicación instalada al hacer clic en el link, se abre la aplicación y (en algunos casos) el producto se muestra inmediatamente.
La retención de usuarios es uno de los objetivos principales del uso de deep links. Los deep links te ayudan a que los usuarios permanezcan en tu aplicación. También resultan muy útiles para hacer el re-engagement de los usuarios, y suelen ser un componente esencial de las campañas de retargeting. A fin de cuentas, el uso de deep links es un método versátil que te permite dirigir a los usuarios a través de tu ecosistema para crear una mejor experiencia que puede aumentar tus ventas, tus conversiones y tus tasas de retención.
Dos tipos de deep links
Existen dos tipos de deep links: predeterminados y diferidos.
Predeterminados
Los deep links predeterminados únicamente dirigen a los usuarios hacia una aplicación si ya la tienen instalada. Si la aplicación no está instalada, el link no puede alcanzar el extremo de una aplicación, por lo que se muestra un mensaje de error.
Los deep links predeterminados resultan útiles para las campañas de retargeting en las que los profesionales del marketing de aplicaciones solo desean encontrar a los usuarios que tienen la aplicación instalada para hacer que regresen a ella.
Diferidos
Los deep links diferidos son más complejos que los deep links predeterminados. Estos links pueden dirigir a los usuarios hacia App Store o Play Store si no tienen la aplicación instalada (o hacia otra ubicación, como el sitio web de la aplicación, donde pueden consultar más detalles), y luego abrir la página original hacia la que se dirigió al usuario.
Por ejemplo, si un usuario descarga una aplicación de comercio electrónico después de hacer clic en un anuncio de un par de zapatos, pero no tiene la aplicación instalada, primero se le dirige hacia la tienda para que descargue la aplicación. Cuando abre la aplicación después de instalarla, se muestra la página del producto.
Los deep links diferidos únicamente están disponibles al utilizar una solución especial para el uso de deep links, como la de Adjust. Estos links se crean mediante una integración del SDK. Puedes encontrar más información sobre este tema aquí (para Android) y aquí (para iOS).
¿Qué son los deep links contextuales?
Tal vez hayas escuchado el término "deep links contextuales". Este término se refiere a los links que pueden ofrecer beneficios adicionales al almacenar más información, lo que permite que los profesionales del marketing realicen más acciones con su contenido.
Los deep links contextuales son deep links predeterminados o diferidos con parámetros agregados por los profesionales del marketing. Estos links no existen por sí mismos.
Cómo crear un deep link
Empecemos por el principio: cómo generar un deep link. El proceso normal puede estar lleno de dificultades e intercambios de información innecesarios entre los desarrolladores y los profesionales del marketing, ya que los links se deben implementar dentro de la aplicación para poder dirigir a los usuarios hacia los destinos deseados.
Además, la creación manual de deep links puede tomar muchísimo tiempo. También puede aumentar la probabilidad de que se presenten errores humanos. Como cualquier URL, los deep links no funcionan si contienen errores ortográficos, y hasta los mejores ingenieros pueden cometer este tipo de errores de vez en cuando. El uso de una solución para crear deep links de forma automática te permite ahorrar tiempo y recursos, los cuales se pueden aprovechar en la optimización de tus campañas y tu estrategia.
A fin de cuentas, lo mejor es tener una herramienta fácil de usar que te permita automatizar el proceso de generación de links para aumentar la confiabilidad y minimizar los errores humanos. Obtén más información acerca del generador de deep links de Adjust, una herramienta que les proporciona a los profesionales del marketing una URL de deep link totalmente formada, la cual funciona tanto para los links de aplicaciones (Android) como para los links universales (iOS) y reduce en gran medida el esfuerzo necesario para implementar los deep links por tu cuenta.
Tanto los deep links basados en esquemas (para Android e iOS) como los links universales para iOS 9 y las versiones posteriores están totalmente documentados, y las ideas básicas son bastante similares: se trata de asociar una URL (para los links basados en esquemas, youapp://; para los links universales, https://yourdomain.com/) con tu aplicación. Cuando el usuario hace clic en la URL, el sistema abre la aplicación, si está instalada.
Sin embargo, no todo es perfecto en el mundo. Probablemente te preguntas qué sucede si alguien hace clic en una URL de deep link sin tener tu aplicación instalada. Desafortunadamente, en estos casos no sucede nada, o el usuario recibe un mensaje de error. Aunque no existe un método directo para revisar desde la web si una aplicación está presente en un dispositivo o no, existen algunas opciones para "enviar una consulta" a tu aplicación cuando está presente o enviar a los clientes hacia la tienda de aplicaciones, hacia tu sitio web o hacia cualquier otra ubicación cuando no lo está.
Como ya mencionamos, tanto los deep links de aplicaciones móviles basados en esquemas para Android e iOS, como los links universales para iOS 9 y las versiones posteriores, están totalmente documentados. Veamos algunos ejemplos de su funcionamiento.
Implementación de deep links para Android
Como ejemplo de uso de deep links para Android, supongamos que la URL de tu deep link es yourapp://path/ y el ID del paquete de tu aplicación es com.yourapp.example.
Solución de JavaScript
Una técnica antigua y común para resolver este problema es utilizar iframe a fin de cargar la URL del deep link, y tener un código JavaScript retrasado para redirigir hacia la tienda:
Al hacer esto, el navegador intenta cargar yourapp://path/ primero.
- Si tu aplicación está instalada, se abre, y no se ejecuta el siguiente código JavaScript.
- Si tu aplicación no está instalada, no sucede nada al cargar yourapp://path/. Después de 2 segundos, el código JavaScript redirige al usuario hacia Play Store, donde puede instalar la aplicación.
Sin embargo, hay un pequeño problema con este código: después de que se abre la aplicación y el usuario regresa a su navegador, el código JavaScript puede redirigirlo nuevamente hacia Play Store. Por lo tanto, podemos optimizar el proceso al revisar la hora en que el usuario regresa a su navegador para determinar si es necesario redirigirlo hacia la tienda o no:
Solución de intent
Desde el lanzamiento de Chrome para la versión 25 o posterior de Android, el código anterior dejó de funcionar, según se menciona en la documentación de Chrome. Afortunadamente, Google ofrece una mejor solución mediante la URL de intent. Cuando un usuario hace clic en la URL intent://path/#Intent;scheme=yourapp;package=com.yourapp.example;end, sucede lo siguiente:
- si la aplicación está instalada, Chrome abre la aplicación.
- si la aplicación no está instalada, Chrome abre Play Store.
¿Cuál solución de deep links debo utilizar?
La solución de intent se recomienda ampliamente porque es mucho más fácil de implementar y la experiencia del usuario es más fluida. Sin embargo, requiere compatibilidad con el navegador y, desafortunadamente, el sistema de Android está tan fragmentado que existen muchas versiones antiguas del sistema operativo y el navegador en circulación. Además, la versión de Android WebView utilizada por muchas aplicaciones no es compatible con las URL de intent de forma predeterminada. La siguiente tabla muestra la solución que debes utilizar para los navegadores más populares en Android:
| Navegador | JavaScript | Intent |
|---|---|---|
| Chrome 24 o anterior | √ | |
| Chrome 25 o posterior | √ | |
| Firefox | √ | |
| Navegador de Android | √ | |
| Navegador in-app de Facebook | √ | |
| Navegador in-app de Twitter | √ | |
| Otros navegadores | √ |
Implementación de deep links para iOS
Suponiendo que la URL de tu deep link es yourapp://path/ y el ID de tu aplicación en la tienda de aplicaciones es 12345678.
Solución de JavaScript
De manera similar a lo que sucede con Android, también hay un truco de JavaScript para iOS:
html <script>
window.location.replace("yourapp://path/"); setTimeout(function () {
window.location.replace("https://itunes.apple.com/app/id12345678"); }, 2000);
</script>.
- si la aplicación está instalada, el primer código de reubicación abre la aplicación y no se ejecuta el siguiente script.
- si la aplicación no está instalada, el primer código de reubicación no hace nada y la función de tiempo de inactividad redirige al usuario hacia App Store.
Sin embargo, descubrimos que este script funciona bien en iOS 8 o anterior con Safari, pero no siempre funciona en otras versiones. Esta es la tabla:
| Navegador | JavaScript |
|---|---|
| Safari en iOS 8 o anterior | √ |
| Chrome en iOS | √ |
| Navegador in-app de Facebook en iOS 8 | √* |
| Navegador in-app de Twitter en iOS 8 | |
| iOS 9 o posterior |
* funciona parcialmente, según la versión de la aplicación de Facebook
Solución de links universales
A partir de iOS 9, Apple introdujo el link universal, que funciona de manera similar al intent de Android, pero requiere una mayor configuración. Y, a partir de iOS 9.2, la solución de JavaScript dejó de funcionar porque Apple introdujo una ventana de solicitud no modal.
Para poder habilitar los links universales, debes tener un dominio con certificado SSL (por ejemplo, https://yourdomain.com/) asociado con tu aplicación y mostrar un archivo JSON especial en https://yourdomain.com/apple-app-site-association similar al siguiente:
Este archivo le indica a tu dispositivo cuál ruta funciona como deep link para cada aplicación.
Luego, debes agregar applinks:yourdomain.com en tu asignación de com.apple.developer.associated-domains dentro de XCode:
Puedes asociar un dominio con varias aplicaciones o viceversa.
A continuación, debes adoptar los métodos de UIApplicationDelegate para la entrega (específicamente, application:continueUserActivity:restorationHandler:) a fin de que tu aplicación pueda recibir un link y manejarlo adecuadamente.
Supongamos que asocias https://yourdomain.com/dress/ con tu aplicación al configurar "paths":[ "/dress/"] en el archivo JSON. Cuando el usuario hace clic en el link https://yourdomain.com/dress/1 en Safari, sucede lo siguiente:
- si la aplicación está instalada, se abre la aplicación, y https://yourdomain.com/dress/1 se envía hacia UIApplicationDelegate. Ahí puedes utilizarlo para decidir cuál vista deseas abrir.
- si la aplicación no está instalada, https://yourdomain.com/dress/1 se abre con Safari, y puedes seguir mostrando el producto en tu sitio web o redirigir al usuario hacia App Store.
Los links universales parecen ser una solución perfecta para iOS. Sin embargo, desafortunadamente, también tienen sus limitaciones.
- Los links universales únicamente funcionan con Safari y Chrome.
- Cuando otro sitio web hace una redirección con un link universal, únicamente funciona si el clic se lleva a cabo dentro de Safari o Chrome. Por ejemplo, si en tu aplicación de correo electrónico hay un link https://anotherDomain.com/ que redirige hacia el link universal https://yourDomain.com/dress/1, este no funciona como deep link hacia tu aplicación. Sin embargo, si el usuario hace clic en el link https://anotherDomain.com desde Safari, esto sí funciona.
- Los links universales no funcionan si pegas el link directamente en la barra de direcciones.
- Los links universales no funcionan si la redirección se activa por medio de un código de JavaScript.
- Los links universales no funcionan cuando abres el link de forma programática dentro de tu aplicación (por ejemplo, con openUrl).
¡Así es el mundo de los deep links!
El uso de deep links en aplicaciones móviles es un proceso complicado, ya que no existe una sola solución que funcione en todos los casos posibles. Afortunadamente, Adjust detecta los escenarios clave y utiliza la mejor estrategia para convertir el uso de deep links en un proceso funcional.
Tenemos mucho más contenido relacionado con los deep links para ayudarte a dominar el tema. En primer lugar, consulta nuestra guía de deep links. Esta guía ofrece una descripción detallada sobre el funcionamiento de los deep links y las características que distinguen a los deep links de Adjust. También tenemos muchas publicaciones en el blog relacionadas con este tema, como esta guía clave sobre las diferencias de los links universales y una descripción general de sus beneficios. También puedes leer nuestra documentación y consultar nuestro artículo sobre cómo implementar fácilmente los links universales con Adjust.
Si tienes alguna pregunta o inquietud, comunícate con nosotros por medio de nuestra página de asistencia y te atenderemos con gusto.
¿Quieres información mensual de tus aplicaciones? Suscríbete a nuestro boletín.
