Cómo configurar banners inteligentes

Un banner inteligente es un banner que puedes agregar a un sitio web móvil para promover tu aplicación, una oferta o un producto específico. El banner tiene un link que lleva a los usuarios directamente hacia tu aplicación, si ya la tienen instalada, o hacia la tienda donde pueden descargarla.

Los banners inteligentes garantizan una experiencia de usuario fluida y te ayudan a hacer el targeting de los usuarios web para impulsar el tráfico hacia tu aplicación. Esto te permite asegurarte de que todos los usuarios convertidos de tu aplicación comiencen su experiencia in-app donde tú quieras.

Antes de comenzar

Esto es lo que debes saber antes de comenzar.

Requisitos

• Permisos de administrador y editor
• (Opcional) Deep links configurados en el SDK de Adjust - iOS | Android

Cómo crear un espacio

Los espacios son los contenedores a nivel de canal donde se guardan tus banners inteligentes. Todos los banners presentes en un espacio se vinculan a la misma aplicación y aparecen en el mismo sitio web. También comparten la configuración de atribución y utilizan el mismo SDK. Te recomendamos seleccionar todas las versiones de tus aplicaciones de una sola plataforma en un espacio. Los espacios pueden contener un solo banner o varios banners con diferentes diseños, idiomas y colocaciones.

1. En la sección Campaign Lab , selecciona Banners inteligentes.
2. Selecciona Nuevo espacio .
3. En la pantalla Selección de aplicación , elige todas las versiones de tu aplicación para enviar a los usuarios a la plataforma adecuada. Únicamente puedes seleccionar una aplicación por plataforma, y no puedes cambiar las aplicaciones después de crear un espacio. Selecciona Siguiente .
4. En la pantalla Detalles del espacio , escribe el Nombre del espacio. El nombre del espacio aparecerá como nivel de canal de la estructura del link en tus informes. Puedes anexar smart banners al nombre del canal en la estructura de la campaña para poder filtrar fácilmente los datos de tus banners inteligentes en tus informes.
5. Si la mayoría de tus usuarios llegan al sitio web desde fuentes que tienen parámetros de UTM, dirígete a la sección Parámetros de campaña y agrega los parámetros de UTM de tus campañas web a la estructura de la campaña. Selecciona junto a los parámetros campaign y adgroup, y agrega cualquiera de los siguientes placeholders:
   • {banner_language} - Recomendado. Utiliza este placeholder para obtener mejor información en los informes sobre el idioma del banner que tiene el mejor rendimiento.
   • {utm_source}
   • {utm_campaign}
   • {utm_medium}
   • {utm_term}
   • {utm_content}
   • {banner_name}

Si no están disponibles los parámetros de UTM, se utilizan parámetros estáticos para los siguientes parámetros de la campaña:

• Campaña - {banner_name}
• Grupo de anuncios - {banner_language}

1. (Opcional) En la pantalla Configuración de atribución, puedes elegir los ajustes de atribución personalizada que desees para los usuarios nuevos y existentes. Esta configuración de atribución únicamente está disponible para los clics.

2. (Opcional) En la sección Usuarios de campañas publicitarias, puedes elegir cómo atribuir a los usuarios que interactúen con un anuncio antes de hacer clic en este banner. Luego, selecciona Siguiente:

   • Al anuncio anterior
   • Al banner inteligente

   Cuando eliges atribuir a los usuarios al anuncio anterior , nuestro sistema anexa el parámetro fallback_click a tu link. Los links que incluyen el parámetro fallback_click únicamente se toman en cuenta para la atribución en Adjust si no hay ningún otro link disponible. Esto significa que los usuarios que de otro modo se considerarían como orgánicos se atribuyen a los links de fallback_click. Para obtener más información sobre cómo funciona esto, consulta el artículo sobre la manera en que se atribuye a los usuarios de campañas publicitarias.

3. Revisa las opciones que elegiste. Puedes modificar lo siguiente:

   • El nombre del espacio
   • Las aplicaciones que elegiste
   • La configuración de atribución

4. Selecciona Crear espacio.

Cómo integrar el SDK de banners inteligentes

Ahora, debes integrar el SDK de banners inteligentes. Esto se debe hacer una vez por cada espacio y aplica para todos los banners que estén presentes en él. Envía estas instrucciones para la integración del SDK a tus desarrolladores.

Cómo configurar el uso de deep links dinámicos

Configura el uso de deep links dinámicos en el SDK de banners inteligentes para los sitios web de una sola página. En este caso, la URL de la página actual cambia cuando el usuario navega hacia otra página. Si tienes configurado el uso de deep links dinámicos, el SDK puede encontrar banners adecuados para la nueva página web. También puedes configurar el SDK para utilizar deep links según la página que visualice el usuario. Por ejemplo, si un usuario visualiza un producto específico en tu sitio web, puedes enviarlo directamente al mismo producto en tu aplicación.

Cómo distribuir el SDK por medio de plataformas externas

Puedes integrar el SDK de banners inteligentes de Adjust en las siguientes plataformas para distribuir los banners inteligentes por medio de las etiquetas de la plataforma:

• Adobe Launch
• Google Tag Manager
• Shopify

Cómo agregar un banner

Puedes agregar varios banners inteligentes a un espacio.

Proporciona los detalles del banner

1. En el campo Nombre del banner , escribe un nombre para tu banner. Este nombre aparecerá como nivel de campaña de la estructura del link en tus informes.

2. En la opción Coloca tu banner , elige si deseas colocar el banner de modo que aparezca en todas las páginas o únicamente en determinadas páginas de tu sitio web. Estas opciones aplican para el dominio en el que instales el SDK. Si eliges Páginas condicionales , puedes especificar varias condiciones para filtrar las páginas y agrupar las condiciones con los parámetros Y u O.

   • El domino es , El dominio no es - Un dominio válido. Ejemplo: subdomain.example.com
   • El dominio contiene - Un dominio válido o parte de un dominio válido.
   • La ruta URL es , La ruta URL no es , La ruta URL comienza con - El valor debe comenzar con /. Ejemplo: /product/detail
   • La ruta URL contiene - El valor no puede comenzar con un dominio.
   • La URL contiene el parámetro , La URL no contiene el parámetro - Un parámetro de URL válido. Esto significa que el valor no puede comenzar con ? ni con &. Ejemplo: utm_source=google
   • Expresión regular de URL - Una expresión regular.

3. En el campo Período de descarte , escribe el período después del que se debe volver a mostrar el banner a un usuario si este lo descarta. El valor predeterminado es de 1 día, es decir, 24 horas a partir del momento en que el usuario descarta un banner.

4. En la opción Define el destino de tus usuarios , elige a dónde deseas enviar a los usuarios después de que interactúen con tu banner. De forma predeterminada, se dirige a los usuarios a la tienda de aplicaciones correspondiente. Si deseas enviar a los usuarios a una pantalla específica de tu aplicación después de que la instalen, selecciona Pantalla in-app y proporciona los siguientes detalles:

   • (Aplicaciones de iOS) Introduce el esquema de la aplicación de iOS y la pantalla de la aplicación de iOS.
   • (Aplicaciones de Android) Introduce el esquema de la aplicación de Android y la pantalla de la aplicación de Android. Para obtener más información sobre cómo obtener estos valores, consulta el artículo sobre cómo configurar deep links.

5. Selecciona SIGUIENTE .

Personaliza tu banner

Cuando personalices tu banner, toma en cuenta el diseño de tu página web:

• Si el banner es pequeño y lo colocas en la parte superior de la página web, el contenido se desplazará hacia abajo.
• Si utilizas cualquier otra combinación de tamaño del banner y posición en la pantalla, el banner quedará superpuesto con el contenido de la página web.

Sigue estos pasos para personalizar tu banner:

1. En la lista Tamaño del banner , elige el tamaño del banner:

   • Pequeño
   • Medio
   • Pantalla completa

2. En la opción Posición en pantalla , elige la posición en la que desees colocar el banner en la página web.

   • Superior : si tu banner está alineado a la parte superior, el contenido de la página se desplaza hacia abajo.
   • Inferior : si tu banner inteligente está alineado a la parte inferior, se superpone con el contenido de la página. El usuario pueden desplazar la página hacia abajo para ver el contenido oculto.

3. Selecciona Vista previa del dispositivo para ver cuál sería el aspecto del banner en tu dispositivo. La vista previa del banner se actualiza automáticamente cuando lo personalizas.

4. En el campo Título, escribe el título que desees mostrar en tu banner.

5. En el campo Descripción, escribe la descripción que desees mostrar en tu banner.

6. En el campo Botón, escribe el texto que desees mostrar en el botón.

7. En Imagen de la aplicación, elige la imagen que desees mostrar en el banner:

   • Ícono de la aplicación : utiliza el ícono de la aplicación disponible en la tienda de aplicaciones.
   • Imagen personalizada : proporciona una URL accesible de una imagen en formato JPG o PNG para tu banner. Esta imagen debe tener una resolución de 168 x 168 px y un tamaño máximo de 1 MB.

8. Luego, personaliza el título, la descripción y el botón según corresponda:

   • Color - Proporciona un código de color hexadecimal.
   • Fuente - Elige un estilo de fuente en la lista.
   • Tamaño de fuente - Elige un tamaño de fuente en la lista.

9. En el campo Color de fondo, proporciona el código hexadecimal del color que desees para el fondo. O proporciona una URL accesible de una imagen en formato JPG o PNG en el campo Imagen de fondo. Esta imagen debe tener una resolución de 1080 x 240 px y un tamaño máximo de 1 MB.

10. Si la vista previa del banner te parece adecuada, selecciona Siguiente.

Localiza tu banner

El banner que se muestra a tus usuarios depende del idioma de su navegador. Si no hay ninguna versión localizada que coincida con el idioma del navegador, los usuarios verán tu banner original. Si deseas que tus usuarios visualicen el banner en el idioma del dominio del sitio web, en lugar del idioma de su navegador, sigue estos pasos en el SDK de banners inteligentes.

1. Selecciona Agregar idioma y elige un idioma de la lista.
2. Proporciona los detalles correspondientes en los campos Título , Descripción y Botón.
3. Si lo deseas, puedes agregar contenido localizado para otros idiomas. Cuando termines, selecciona Siguiente.

Revisa tu banner

1. Revisa las opciones que elegiste. Puedes regresar y hacer cambios en los siguientes elementos:

   • Los detalles de tu banner
   • El contenido de tu banner
   • Tu contenido localizado

2. Selecciona Crear banner inteligente para publicar el banner en el espacio que creaste.

Publica tu banner

Cuando guardes tu banner, se mostrará en el espacio donde lo creaste. Para publicar tu banner, activa el indicador de la opción Publicar. Los banners que envíes se publicarán hasta después de que tu desarrollador integre el SDK de banners inteligentes.