# Configurar la lógica de deep linking con esquemas URI

Ciertas aplicaciones móviles con navegadores integrados personalizados no admiten todas las tecnologías de enlace profundo, por lo que es necesario usar [esquemas URI](https://en.wikipedia.org/wiki/List_of_URI_schemes) para garantizar un seguimiento coherente cuando el enlace profundo estándar falla. Sigue los pasos de este artículo para mejorar la precisión de tu seguimiento de conversiones cuando los usuarios interactúan con tu página de destino de ventas a través de estos navegadores integrados personalizados.

#### Diagrama de flujo del resultado deseado

El diagrama de flujo a continuación representa el resultado que estás buscando. En resumen, quieres configurar una regla de redirección en impact.com para dirigir a los usuarios que hacen clic en tu enlace de seguimiento a la página de la aplicación móvil correspondiente siempre que sea posible. Si no es posible porque la aplicación no está instalada en el dispositivo del usuario, querrás dirigirlos a la versión web de esa página. También puedes configurar una página intersticial en impact.com, ya que esto te permitirá asegurarte de que el usuario solo sea redirigido a páginas de destino reconocidas por tu aplicación.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-fed65268965e8e1db8473062d52095b14b220e3d%2F260dbc4571ab3a646158dccf6f817e64888da69f1fe481f7a4d9c2f90fe73003.png?alt=media" alt="" width="296"><figcaption></figcaption></figure></div>

#### Prerrequisitos

* El esquema URI de tu aplicación móvil, p. ej. **`acmeapp://`**`item/view/12345`, debe ser el mismo en las versiones de Android y iOS de tu aplicación.
* Las rutas de URL de tu sitio web deben estar mapeadas al esquema URI de tu aplicación móvil para que la redirección funcione; por ejemplo, si la URL de ACME Corporation es `https://acme.com/item/view/12345`, su URI será `acmeapp://item/view/12345`.
* Debes conocer las rutas no compatibles (es decir, rutas que no están mapeadas) dentro de tu aplicación móvil para poder implementar filtros correspondientes en la página intersticial dentro de las condiciones de la regla, como se detalla a continuación.

#### Configurar el seguimiento por esquema URI

{% stepper %}
{% step %}

#### **Paso 1: Configura el seguimiento por esquema URI en tu aplicación**

Configura tu aplicación móvil para rastrear cuando el remitente (referrer) es un esquema URI.

1. Analiza el `clickid` del esquema URI y otros parámetros de seguimiento relevantes del gateway.
2. Llama a la API PageLoad, pasando la URI al campo PageUrl en eventos de apertura de la aplicación.

   * Consulta el [Crear una carga de página](https://integrations.impact.com/impact-brand/reference/create-a-pageload) referencia de la API para más detalles.

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p><strong>Ejemplo:</strong> <code>acmeapp://item/view/12345?clickid=abcdef12345</code>.</p></div>

{% endstep %}

{% step %}

#### **Paso 2: Configura el esquema URI de tu programa**

1. Desde la barra de navegación superior, selecciona ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Perfil de usuario] → Configuración**.&#x20;
2. En la columna derecha, bajo *Seguimiento*, selecciona **General**.
3. En el campo Esquema URI, selecciona ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a600f51d86cbf3c02c36ea5cf311867b2bb4cf89%2F00a06da7505c774dc36762a66bcd169b1d62cb35af729e3383729755194758fb.svg?alt=media) **\[Editar]**.
4. Introduce el **esquema URI**de tu aplicación móvil `://` , excluyendo
   * al final del esquema.
5. Si hay varios esquemas URI listados, impact.com usará por defecto el primer esquema. **Selecciona**.
   {% endstep %}

{% step %}

#### **Guardar**

1. Desde la barra de navegación superior, selecciona ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Perfil de usuario] → Configuración**.&#x20;
2. En la columna derecha, bajo *Paso 3: Crea la regla de redirección*, selecciona **Técnico**.
3. Bloqueo y Redirección **En la esquina superior derecha, selecciona**.
4. **Configurar regla** Nombra
   * la regla de forma descriptiva.
5. El nombre debe indicar el propósito de la regla. *Añade una* Condición **con el parámetro** Nombre de la aplicación
   * e ingresa las plataformas de la aplicación móvil para las que la regla es aplicable. *impact.com recomienda incluir*, *Facebook*Instagram *, y*.
6. X ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6282f271b7521383385339243690b303086736d9%2F3b5a585dd2895bdf1c30d1236c72ba590dddd18717863b27074c8d313d05ae20.svg?alt=media) **Opcionalmente,** \[Añadir otro] **condición con el parámetro** Página de destino

   * y especifica rutas y dominios para los que deseas redirigir a los usuarios.
   * Este paso es recomendable y te permitirá usar la función solo para rutas que tu aplicación pueda reconocer. [Usa](https://en.wikipedia.org/wiki/Regular_expression) regex

   ```programlisting
   para coincidir con páginas de destino que contengan rutas específicas: ve el ejemplo a continuación.
   ```
7. X ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6282f271b7521383385339243690b303086736d9%2F3b5a585dd2895bdf1c30d1236c72ba590dddd18717863b27074c8d313d05ae20.svg?alt=media) **Opcionalmente,** \[Añadir otro] **^(https?:\\\\/\\\\/)?(www\\\\.)?(domain\\\\.com|sub\\\\.domain\\\\.com)(\\\\/(shop|product)(\\\\/\[^?]\*?)?)?(\\\\/?(\\\\?.\*)?)?$** Parámetro

   <div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-05f2884f968b97207049961a1cd2ce056a3bc4b1%2F1744c6326d9b8b16c9d5495cb7869eaf1a4cd0a19b02dbcf3b851af38154ee8b.png?alt=media" alt="" width="536"><figcaption></figcaption></figure></div>

{% endstep %}

{% step %}

#### **Probabilidad**

1. y especifica un porcentaje de tráfico que será redirigido para pruebas A/B. *Paso 4: Personaliza el intersticial para Enlaces profundos móviles* En el ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **campo** Acción **, usa el**.
2. \[Menú desplegable]

| para seleccionar                                                                                                                                                                                             | Enlace profundo móvil                                                                                                                                                                                                                                                                                                  |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Personaliza la plantilla intersticial para alinearla con tu marca:                                                                                                                                           | Campos [Descripción](https://en.wikipedia.org/wiki/Hexadecimal) Texto del encabezado y color de fuente                                                                                                                                                                                                                 |
| Tu texto de encabezado es una frase corta que se muestra en tu intersticial en tipo grande. Puedes especificar qué dice este texto y definir el color de la fuente usando el selector de color o la notación | hexadecimal [Descripción](https://en.wikipedia.org/wiki/Hexadecimal) Texto del encabezado y color de fuente                                                                                                                                                                                                            |
| Texto del subencabezado y color de fuente                                                                                                                                                                    | Tu texto de subencabezado es una frase corta que se muestra en tu intersticial debajo del encabezado. Puedes especificar qué dice este texto y definir el color de la fuente usando el selector de color o                                                                                                             |
| Subir logo                                                                                                                                                                                                   | Sube el logotipo de tu marca en formato .gif, .jpg, .png o .svg. La imagen no puede ser > 1 MB.                                                                                                                                                                                                                        |
| Subir imagen de portada                                                                                                                                                                                      | Sube una imagen de fondo adecuada en formato .gif, .jpg, .png o .svg. La imagen no puede ser > 1 MB. [Descripción](https://en.wikipedia.org/wiki/Hexadecimal) Texto del encabezado y color de fuente                                                                                                                   |
| Etiqueta y colores del botón Abrir app                                                                                                                                                                       | La etiqueta de tu botón es el texto que se muestra en el botón que abre el esquema URI hacia tu aplicación móvil. Puedes especificar qué dice este texto y definir el color de la fuente usando el selector de color o [Descripción](https://en.wikipedia.org/wiki/Hexadecimal) Texto del encabezado y color de fuente |

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-05ea3ea50f8f93b549691e27fe0bc882cd02a9c9%2Fbdbeb71e1227b728b8a97a7b0fa9083cd676a5ab73dd505b312ee1a60c80f751.png?alt=media" alt="" width="373"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### **Etiqueta del enlace Continuar y color de fuente**

1. y especifica un porcentaje de tráfico que será redirigido para pruebas A/B. *Paso 4: Personaliza el intersticial para Enlaces profundos móviles* La etiqueta de tu enlace es el texto que se muestra en el enlace que abre la URL de tu página web de destino. Puedes especificar qué dice este texto y definir el color de la fuente usando el selector de color o

   | Paso 5: Configura la lógica de apertura de la app y la redirección automática                                       | Enlace profundo móvil                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
   | ------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
   | En el campo                                                                                                         | <p>, desplázate hasta el final de las opciones de personalización visual y completa los siguientes campos.</p><p>Campo <strong>Apertura de la app</strong> <mark style="color:•;">Indica cuándo abrir tu aplicación móvil:</mark> Tan pronto como se cargue el intersticial</p><p>Campo <strong>\[Recomendado]</strong> $éxito</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
   | — abre automáticamente tu aplicación móvil en el dispositivo del usuario tan pronto como se cargue el intersticial. | Cuando se toca el botón ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media) **— después de que se cargue el intersticial, solicita al usuario que apruebe la apertura de tu aplicación móvil en su dispositivo.** Redirección automática **10**Selecciona la                                                                                                                                                                                                                                                                                                                       |
   | \[Casilla sin marcar]                                                                                               | para definir un tiempo de espera en caso de que la apertura de la app falle, tras lo cual serán redirigidos automáticamente al enlace web. impact.com recomienda un tiempo de espera de `segundos.`Ruta URI predeterminada `Introduce una ruta URI, por ejemplo la página de inicio de tu sitio web, que se usará cuando no se extraiga ninguna de la URL. Esto asegura que tu aplicación se abra correctamente incluso desde un navegador integrado personalizado que de otro modo no podría abrir tu app. Por ejemplo, si la URL de tu página de destino es`<https://acme.com> `, y escribes una ruta URI predeterminada de`.                                                                                                                                                                |
   | home                                                                                                                | <p>, el enlace de esquema URI resultante será <code>acmeapp\://home</code>Regex URI personalizado <code>Por defecto, impact.com crea un enlace de esquema URI añadiendo rutas de la URL de la página de destino al esquema URI. Por ejemplo, si la URL de tu página de destino es</code><https://acme.com/product/12345> <code>, y tu esquema URI es</code>.</p><p>acmeapp <a href="https://en.wikipedia.org/wiki/Regular_expression">Usa</a> , el esquema URI resultante será <code>acmeapp\://home</code>acmeapp\://product/12345 <code>Sin embargo, también puedes usar</code><https://acme.com/product/12345> <code>para especificar qué partes de la URL de la página de destino deben extraerse y añadirse al esquema URI. Por ejemplo, si la URL de tu página de destino es</code>.</p> |
2. , y escribes una expresión regex de **Selecciona** acme\\.com.\*$
   {% endstep %}
   {% endstepper %}

#### acmeapp\://acme.com/product/12345

Recuerda [tu regla cuando termines.](https://help.impact.com/brand/es/sobre-que-te-gustaria-aprender/account-administration/account-settings/notifications/enable-event-notification-postbacks-for-brands) Uso de intersticiales con postbacks (envíos de postback o llamadas de servidor a servidor)  (postbacks en el original: mantén la palabra tal cual si prefieres "postbacks")
