Skip to content

Banners

Con Banners, puedes crear mensajes personalizados para tus usuarios, al tiempo que amplías el alcance de tus otros canales, como el correo electrónico o las notificaciones push. Puedes integrar Banners directamente en tu aplicación o sitio web, lo que te permite interactuar con los usuarios a través de una experiencia que resulta natural.

Requisitos previos

La disponibilidad de los Banners depende de tu paquete de Braze. Ponte en contacto con tu director de cuentas o administrador de éxito de cliente para empezar.

Antes de empezar, asegúrate de tener ubicaciones de Banner creadas en tu aplicación o sitio web.

Un ejemplo de Banner renderizado en un dispositivo.

¿Por qué usar Banners?

Los Banners permiten a los equipos de marketing y producto personalizar el contenido de aplicaciones o sitios web de forma dinámica, reflejando la elegibilidad y el comportamiento del usuario en tiempo real. Muestran mensajes en línea de forma persistente, proporcionando experiencias no intrusivas y contextualmente relevantes que pueden actualizarse al inicio de una sesión o a mitad de sesión cuando tu aplicación o sitio web lo solicita explícitamente.

Una vez que los Banners están integrados en una aplicación o sitio web, los especialistas en marketing pueden diseñar y lanzar Banners utilizando un editor de arrastrar y soltar o un editor HTML completo, eliminando la necesidad de asistencia continua del desarrollador, reduciendo la complejidad y mejorando la eficiencia.

Caso de uso Explicación
Anuncios Mantén los anuncios como próximos eventos o cambios de políticas en primer plano de tu experiencia de la aplicación.
Personalización de ofertas Muestra promociones e incentivos personalizados basados en el historial de navegación, el contenido del carrito, el nivel de suscripción y el estado de fidelización de cada usuario.
Segmentación de la participación de nuevos usuarios Guía a los nuevos usuarios a través de flujos de incorporación y configuración de cuentas.
Ventas y promociones Destaca contenido destacado, productos en tendencia y campañas de marca en curso de forma persistente y directamente en tu página de inicio sin interrumpir la experiencia del usuario.

Características

Las características de los Banners incluyen:

  • Creación de contenido sencilla: Crea y previsualiza tu Banner usando un editor visual de arrastrar y soltar con soporte para imágenes, texto, botones, formularios de captura de correo electrónico, código personalizado y más. Los equipos que prefieran gestionar su propio marcado pueden usar el editor HTML en su lugar para tener control total sobre el HTML y los estilos del Banner, o pedir a BrazeAI Operator™ que genere HTML a partir de una descripción.
  • Ubicaciones flexibles: Define múltiples ubicaciones dentro de tu aplicación o sitio web donde pueden aparecer los Banners, lo que permite una segmentación precisa para contextos específicos o experiencias de usuario.
  • Personalización dinámica: Los Banners recalculan la personalización (lógica Liquid) y la segmentación cada vez que se actualiza el banner. Si un usuario actualiza su perfil o cambia un atributo personalizado, la siguiente actualización del Banner reflejará esos cambios.
  • Priorización nativa: Establece la prioridad de visualización para cuando varios Banners apuntan a la misma ubicación, asegurando que el mensaje correcto llegue a los usuarios en el momento adecuado.
  • Bloque de editor de código personalizado: Usa el bloque de editor de código personalizado para añadir HTML personalizado para una personalización avanzada o una integración fluida con tus estilos web existentes.

Acerca de los Banners

ID de ubicación

Las ubicaciones de Banner son ubicaciones específicas de tu aplicación o sitio web que creas con el SDK de Braze y que designan dónde pueden aparecer los Banners.

Las ubicaciones más habituales son la parte superior de la página de inicio, las páginas de detalles de los productos y los procesos de pago. Una vez creadas las ubicaciones, los Banners se pueden asignar en tu campaña de Banner.

No hay un límite fijo en el número de ubicaciones que puedes crear por espacio de trabajo, y puedes crear tantos ID de ubicación como requiera tu experiencia. Cada ubicación debe ser única dentro de un espacio de trabajo. Un único ID de ubicación puede ser referenciado por hasta 25 mensajes activos al mismo tiempo.

Prioridad del Banner

Cuando varios mensajes de Banner hacen referencia al mismo ID de ubicación, los Banners se muestran por orden de prioridad: alta, media o baja. De forma predeterminada, los Banners están configurados en media, pero puedes establecer manualmente la prioridad cuando crees o edites tu campaña de Banner.

Si varios Banners tienen la misma prioridad, se mostrará primero el Banner más reciente para el que el usuario sea elegible.

Solicitudes de ubicación

Cuando creas ubicaciones en tu aplicación o sitio web, tu aplicación envía una solicitud a Braze para obtener mensajes de banner para cada ubicación.

  • Puedes solicitar hasta 10 ubicaciones por cada solicitud de actualización.
  • Para cada ubicación, Braze devuelve el banner con mayor prioridad para el que el usuario es elegible.
  • Si se solicitan más de 10 ubicaciones en una actualización, solo se devuelven las primeras 10; el resto se descartan.

Por ejemplo, una aplicación podría solicitar tres ubicaciones en una solicitud de actualización: homepage_promo, cart_abandonment y seasonal_offer. Cada solicitud devuelve el banner más relevante para esa ubicación.

Límite de velocidad para las solicitudes de actualización

Si utilizas versiones anteriores del SDK (anteriores a Swift 13.1.0, Android 38.0.0, Web 6.1.0, React Native 17.0.0 y Flutter 15.0.0), solo se permite una solicitud de actualización por sesión de usuario.

Si utilizas versiones mínimas más recientes del SDK (Swift 13.1.0+, Android 38.0.0+, Web 6.1.0+, React Native 17.0.0+ y Flutter 15.0.0+), las solicitudes de actualización se controlan mediante un algoritmo de token bucket para evitar un sondeo excesivo:

  • Cada sesión de usuario comienza con cinco tokens de actualización.
  • Los tokens se recargan a una tasa de un token cada 180 segundos (3 minutos).

Cada llamada explícita a requestBannersRefresh consume un token. La actualización automática que ocurre al inicio de una nueva sesión o cuando se llama a changeUser no consume un token, ya que esta actualización es una publicación del último banner almacenado en caché para ese usuario. Si intentas actualizar cuando no hay tokens disponibles, el SDK no realiza la solicitud y registra un error hasta que se repone un token. Esto es importante para las actualizaciones a mitad de sesión y las desencadenadas por eventos. Para implementar actualizaciones dinámicas (por ejemplo, después de que un usuario complete una acción en la misma página), llama al método de actualización después de que se registre el evento personalizado, pero ten en cuenta el retraso necesario para que Braze ingiera y procese el evento antes de que el usuario reúna los requisitos para una Campaign de banner diferente.

Entrega de mensajes

Los mensajes de Banner se entregan a tu aplicación o sitio web como contenido HTML, normalmente representado dentro de un iframe. Esto garantiza que tus Banners se muestren de forma coherente en todos los dispositivos y te ayuda a mantener sus estilos y scripts separados del resto del código.

Los iframes permiten actualizaciones de contenido dinámicas y personalizadas que no requieren cambios en tu código base. Cada iframe recupera y muestra el HTML de cada sesión de usuario utilizando la lógica de segmentación y personalización de la campaña.

Dimensiones y tamaños

Esto es lo que debes saber sobre las dimensiones y el tamaño de los Banners:

  • Aunque el creador te permite previsualizar los Banners en diferentes dimensiones, esa información no se guarda ni se envía al SDK.
  • El HTML ocupa todo el ancho del contenedor en el que se representa.
  • Recomendamos crear un elemento de dimensiones fijas y probar esas dimensiones en el creador.

Contenido conectado

Puedes utilizar contenido conectado para obtener datos en tiempo real de API externas en tu Banner. Dado que los Banners se representan en línea durante la actualización de una sesión, el contenido conectado tiene limitaciones específicas en este canal:

  • Solo solicitudes GET: Los Banners solo representan solicitudes de contenido conectado de tipo GET. Las solicitudes POST no son compatibles.
  • Presupuesto de representación compartido: Todas las ubicaciones devueltas en una única solicitud de actualización (hasta 10) comparten un presupuesto de representación de aproximadamente dos segundos. Cada llamada de contenido conectado cuenta contra este presupuesto compartido, por lo que una ubicación con llamadas lentas o numerosas puede consumir el tiempo que otras ubicaciones necesitan.
  • Sin reintentos: Si una llamada de contenido conectado falla, se agota el tiempo de espera o se excede el presupuesto de representación, el resultado del contenido conectado para esa ubicación se trata como nulo. A diferencia de otros canales, los Banners no reintentan la solicitud ni retrasan la entrega.

Limitaciones

Cada espacio de trabajo puede admitir hasta 200 Campaigns de Banner activas. Si se alcanza este límite, tendrás que archivar o desactivar una Campaign existente antes de crear una nueva.

Además, los mensajes de Banner no son compatibles con las siguientes características:

Próximos pasos
New Stuff!