Presiona ENTER para ver los resultados o ESC para cancelar.

Ana Mocholí en Desarrollo de apps

Deep linking en aplicaciones móviles

En los últimos meses hemos oído hablar de los enlaces internos. Y aunque llevan mucho tiempo en el mundo de las apps, y mucho más en los entornos web, conviene tener claro como funciona en las apps. Empecemos por el principio, ¿qué es el deep linking? ¿Cómo se aplica a las aplicaciones móviles. Los chicos de Branch.io lo definen así:

“Un enlace profundo o ‘deep link’ es un enlace que te lleva a un contenido específico dentro de la app (o web).”

Para ejemplificarlo de forma más visual ponemos el ejemplo de deep linking en una página web, dónde esta técnica es más común:

Amazon - Ejemplo de Deep Linking
Ejemplo de Deep Linking – Amazon

– Ejemplo de URL profunda: https://www.amazon.es/Deportiva-Impermeable-Sumergible-Multiples-Accesorios/. Es un enlace que nos dirige a un producto dentro de la web de Amazon.

– Ejemplo de URL no profunda: https://www.amazon.es/. Es un enlace a la ‘home’ de la página web de Amazon.

¿Qué pasa con el deep linking en apps?

El problema es que al compartir esta URL con alguien—un amigo, familiar, conocido, etc— al abrirlo verá el producto desde su navegador, en la versión móvil de la web. Esto ocurre aunque el usuario tenga la aplicación descargada en su dispositivo. Es decir, que los enlaces profundos web no son compatibles con las aplicaciones móviles nativas. En este caso, el usuario tendría que abrir su aplicación y buscar dentro de ella el producto, en este caso una cámara deportiva sumergible. Una tarea que en tienda online tan grandes como puede ser Amazon, puede ser complicado.

¿Qué podemos hacer?

La solución pasa por el deep linking específico para apps, enlaces que apuntan directamente a los contenidos dentro de la app. Es decir, que si quisiéramos compartir un producto dentro de la app, ese enlace abriría el contenido del producto, y no la página de inicio de la app.

Los tipos de enlaces profundos

A. Enlaces profundos tradicionales

Solamente se abren si el destinatario tiene la aplicación. En este caso aparece un mensaje para permitir la apertura del link en la aplicación.

En caso contrario el usuario no podrá acceder al contenido. Tendrá que buscar y descargar la aplicación desde la tienda, ya sea Google Play o App Store; y volver a abrir el enlace para acceder al contenido. Los enlaces profundos tradiciones son los más utilizados porque llevan más tiempo entre las apps.

deep-linking-tradicional
Fuente: Linkedin

B. Enlaces profundos diferidos (Deferred Deep Links)

En este caso, el enlace conducirá al contenido de cualquier manera. Si ya se tiene la app, simplemente se mostrará el contenido del detalle dentro de la aplicación nativa. En el caso que veíamos al principio, se verá la cámara deportiva desde la app nativa.

En el caso de los enlaces profundos diferidos, si el usuario no tiene la aplicación instalada, el enlace dirigirá a la página de descarga de la aplicación en la ‘store’ respectiva. Una vez instalada la app podremos acceder directamente al contenido compartido.

 

C. Enlaces profundos Contextuales (Contextual Deep Links)

Este tipo de enlaces tienen la misma funcionalidad que los enlaces profundos diferidos, pero también muchas otras ventajas. Este tipo de enlaces almacenan información sobre a dónde quiere ir el usuario, dónde hizo click, quién compartió el enlace y otras informaciones.

Los enlaces profundos contextuales añaden información muy relevante tanto para desarrolladores como para usuarios. Esta información permitirá a los desarrolladores de apps añadir contenidos y páginas de bienvenida o de referidos personalizables. Sin duda, muy útiles para mejorar la experiencia de los usuarios.

Enlaces profundos en iOS: Universal Links

Con la llegada de iOS 9.0 Apple lanzó los denominados enlaces universales. Esta solución buscaba solucionar la falta de funcionalidad de los esquemas URI para enlaces profundos en apps.

En este caso, los enlaces universales (Universal Links) son enlaces web estándar que apuntan tanto a la web como a una parte de contenido dentro de la app. Al abrir un enlace iOS busca si tenemos la app instalada. De ser así el contenido se abre dentro de la app. Si no la tenemos abrirá la versión web del contenido a través de Safari.

deep-linking-en-ios
Fuente: Brian Coleman

Es interesante añadir que un estudio de Branch.io indica que los enlaces universales aumentan la conversión hasta un 40%.

Enlaces profundos en Android: App Links

Los App Links de Google son el equivalente en Android de los enlaces universales de iOS. De hecho, funcionan de forma muy similar: Son enlaces web estándar que apuntan a una web y a una pieza de contenido dentro de la app. También resulta en una mejor experiencia de usuario. No obstante están teniendo una adopción muy lenta porque no todas las versiones Android lo soportan.

deep-linking-en-android
Fuente: Mobile Marketing Magazine

Deep Linking también en Facebook

Facebook creó por 2014 los App Links un estándar para resolver las limitaciones de los esquemas de las URI de los enlaces profundos. Estos enlaces para apps tienen dos componentes esenciales:

  1. Metatags que se añaden a la página web de destino con un formatos de enlace “http://”. Estas etiquetas especifican la URI específica del contenido dentro de la aplicación nativa. Así como indica el comportamiento en caso de la app no esté instalada.
  2. Un sistema de enrutamiento para la apertura de links. Este sistema comprueba el destino del enlace antes de abrirlo. Del mismo modo que con otros enlaces ejecuta la orden dentro de la app nativa o ejecuta el comportamiento especificado en caso contrario.

Estos son algunos ejemplos de las aplicaciones del deep linking. Aunque lo cierto es que su funcionamiento es muy similar en todas las plataformas, cada tipo tiene una preparación técnica. No obstante es una técnica que a nivel de experiencia de usuario y de usabilidad deben ir implementando las aplicaciones móviles. Eso sí, para hacerlo debemos contar con un desarrollador de apps y/o web ya que supone en muchos casos una optimización web y móvil.

rp_desarrolladores_apps_webs-1024x253.png

Comentarios

Los comentarios están desactivados para esta publicación