Enlaces universales y enlaces de aplicaciones

Los enlaces universales de Apple y los enlaces de aplicaciones de Android son mecanismos concebidos para proporcionar una transición sin problemas entre el contenido Web y las aplicaciones móviles. Mientras que los enlaces universales son específicos de iOS, los enlaces de aplicaciones de Android sirven para el mismo propósito para las aplicaciones de Android.

Cómo funcionan los enlaces universales y los enlaces de aplicación

Los enlaces universales (iOS) y los enlaces a aplicaciones (Android) son enlaces Web estándar (http://mydomain.com) que apuntan tanto a una página Web como a un contenido dentro de una aplicación.

Cuando se abre un enlace universal o App Link, el sistema operativo comprueba si alguna aplicación instalada está registrada para ese dominio. Si se encuentra una aplicación, se inicia inmediatamente sin cargar la página web. Si no se encuentra ninguna aplicación, la URL web se carga en el navegador web predeterminado del usuario, que también podría configurarse para redirigir a la App Store o a Google Play Store respectivamente.

Claramente, los enlaces universales permiten a un sitio web asociar sus páginas web con pantallas de aplicaciones específicas, de modo que cuando un usuario hace clic en un enlace a una página web que corresponde a una pantalla de aplicación, la aplicación puede abrirse directamente (si la aplicación está instalada en ese momento).

Esta tabla resume las principales diferencias entre los vínculos universales y los vínculos en profundidad tradicionales:

Casos prácticos

Los enlaces universales y los enlaces a aplicaciones son los más utilizados para las campañas de correo electrónico, ya que los correos electrónicos se pueden abrir y hacer clic tanto desde ordenadores de sobremesa como desde dispositivos móviles.

Algunos canales no funcionan bien con estos enlaces. Por ejemplo, las notificaciones push, los mensajes dentro de la aplicación y las tarjetas de contenido deben utilizar vínculos profundos basados en esquemas (mydomain://).

Requisitos previos

Para utilizar enlaces universales y enlaces de aplicación:

• Tu sitio web debe ser accesible mediante HTTPS
• Tu aplicación debe estar disponible en App Store (iOS) o Google Play Store (Android)

Configuración de enlaces universales y enlaces de aplicaciones

Para que las aplicaciones admitan enlaces universales o App Links, tanto iOS como Android requieren que se aloje un archivo de permisos especial en el dominio del enlace. Este archivo contiene definiciones de qué aplicaciones pueden abrir enlaces de ese dominio y, para iOS, qué rutas pueden abrir estas aplicaciones:

• iOS: Archivo de la Asociación de Sitios de Aplicaciones de Apple (AASA)
• Android: Archivo de enlaces de activos digitales

Además de este archivo de permisos, hay definiciones codificadas de los dominios de enlace que la aplicación puede abrir, que se configuran dentro de la aplicación:

• iOS: Establecer como “Dominios asociados” en Xcode
• Android: Definido en el archivo AndroidManifest.xml de la aplicación

Esta asociación dominio-app de dos partes es necesaria para que funcione un enlace universal o App Link e impide que cualquier aplicación secuestre enlaces de un dominio concreto o que cualquier dominio abra una aplicación concreta.

• ios
• android

1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": “JHGFJHHYX.com.facebook.ios",
        "paths": [
          "*"
        ]
      }
    ]
  }
}

Enlaces universales, enlaces de aplicaciones y seguimiento de clics

Nuestros socios de envío por correo electrónico, SendGrid y SparkPost, utilizan dominios de seguimiento de clics para envolver todos los enlaces e incluir parámetros de URL para el seguimiento de clics en los correos electrónicos Braze.

Por ejemplo, un enlace como https://www.example.com se convierte en algo como https://links.email.example.com/uni/wf/click?upn=abcdef123456….

Para permitir que los enlaces de correo electrónico con seguimiento de clics funcionen como enlaces universales o enlaces de aplicación, tendrás que realizar algunos ajustes adicionales. Asegúrate de añadir el dominio de seguimiento de clics (links.email.example.com) como dominio que la aplicación puede abrir. Además, el dominio de seguimiento de clics debe servir a los archivos AASA (iOS) o Enlaces de Activos Digitales (Android). Esto ayudará a garantizar que los enlaces de correo electrónico con seguimiento de clics funcionen fácilmente.

Si no quieres que todos los enlaces de seguimiento de clics sean enlaces universales o App Link, puedes especificar qué enlaces deben ser enlaces universales en función del socio de envío por correo electrónico. Consulta las secciones siguientes para más detalles.

SendGrid

Para tratar un enlace de seguimiento de clics de SendGrid como un enlace universal:

1. Configura tus valores pathPrefix de AASA o AndroidManifest para que sólo traten los enlaces con /uni/ en la ruta URL como enlaces universales.
2. Añade el atributo universal="true" a la etiqueta de anclaje de tu enlace (<a>). Esto cambia la ruta URL del enlace envuelto para incluir /uni/.

Por ejemplo:

1
<a href=”https://www.example.com” universal="true">

3. Asegúrate de que tu aplicación está configurada para gestionar correctamente los enlaces empaquetados. Consulta el artículo de SendGrid sobre Resolución de enlaces de seguimiento de clics de SendGrid y sigue los pasos correspondientes a tu sistema operativo. Este artículo contiene código de ejemplo para iOS y Android.

Con esta configuración, los enlaces con /uni/ en la ruta URL funcionarán como enlaces universales, mientras que todos los demás enlaces funcionarán como enlaces Web.

SparkPost

Para tratar un enlace de seguimiento de clics de SparkPost como un enlace universal, añade el siguiente atributo a la sección Atributos del editor de arrastrar y soltar para correo electrónico, o edita manualmente el HTML del enlace para incluir el siguiente atributo en la etiqueta de anclaje de tu enlace: data-msys-sublink="custom_path".

Esta ruta personalizada te permite tratar selectivamente las URL con ese valor como un enlace universal.

Por ejemplo:

1
<a href=”https://www.example.com” data-msys-sublink="open-in-app">

A continuación, asegúrate de que tu aplicación está configurada para gestionar correctamente la ruta personalizada. Consulta el artículo de SparkPost sobre Cómo utilizar el seguimiento de clics de SparkPost en los vínculos profundos. Este artículo contiene código de ejemplo para iOS y Android.

Desactivar el seguimiento de clics enlace a enlace

Puedes desactivar el seguimiento de clics para enlaces específicos añadiendo código HTML a tu mensaje de correo electrónico en el editor HTML o a los componentes en el editor de arrastrar y soltar.

SendGrid

Si tu proveedor de servicios de correo electrónico es SendGrid, utiliza el código HTML clicktracking=off de esta forma:

<a clicktracking=off href="[INSERT https LINK HERE]">click here</a>

SparkPost

Si tu proveedor de servicios de correo electrónico es SparkPost, utiliza el código HTML data-msys-clicktrack="0" así:

<a data-msys-clicktrack="0" href="[INSERT https LINK HERE]">click here</a>

Editor de arrastrar y soltar

Cuando utilices el editor de arrastrar y soltar de correo electrónico, introduce tu código HTML como atributo personalizado si tu enlace está unido a un texto, un botón o una imagen.

Atributo personalizado para un enlace de texto

SendGrid

Selecciona lo siguiente para el atributo personalizado:

• Nombre: clicktracking
• Valor: off

SparkPost

Selecciona lo siguiente para el atributo personalizado:

• Nombre: data-msys-clicktrack
• Valor: 0

Atributo personalizado para un botón o una imagen

SendGrid

Selecciona lo siguiente para el atributo personalizado:

• Nombre: clicktracking
• Valor: off
• Tipo: Enlace

SparkPost

Selecciona lo siguiente para el atributo personalizado:

• Nombre: data-msys-clicktrack
• Valor: 0
• Tipo: Enlace

Solución de problemas de enlaces universales con seguimiento de clics

Si tus enlaces universales no funcionan como esperas en tus correos electrónicos, como cuando el destinatario navega desde su aplicación de correo electrónico al navegador web antes de redirigirse finalmente a la aplicación, consulta estos consejos para solucionar problemas en la configuración de tu enlace universal.

Verificar la ubicación del archivo de enlace

Asegúrate de que el archivo AASA (iOS) o el archivo Enlaces a activos digitales (Android) se encuentra en la ubicación correcta:

• iOS: https://click.tracking.domain/.well-known/apple-app-site-association
• Android: https://click.tracking.domain/.well-known/assetlinks.json

Es importante asegurarse de que estos archivos estén siempre accesibles públicamente. Si no puedes acceder a ellos, es posible que te hayas saltado algún paso al configurar los enlaces universales para el correo electrónico.

Verificar las definiciones de dominio

Asegúrate de que tienes las definiciones correctas de los dominios que tu aplicación puede abrir.

• iOS: Revisa los dominios asociados configurados en Xcode para tu aplicación(paso 1c). Comprueba que el dominio de seguimiento de clics está incluido en esa lista.
• Android: Abre la página de información de la aplicación (pulsa prolongadamente el icono de la aplicación y haz clic en ⓘ). Dentro del menú de información de la aplicación, localiza Abrir de forma predeterminada y tócalo. Esto debería mostrar una pantalla con todos los enlaces verificados que la aplicación puede abrir. Comprueba que el dominio de seguimiento de clics está incluido en esa lista.