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 del éxito del cliente para empezar.

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

Ejemplo de Banner mostrado en un dispositivo.

¿Por qué utilizar Banners?

Los Banners permiten a los equipos de marketing y de producto personalizar de forma dinámica el contenido de las aplicaciones o los sitios web, reflejando la elegibilidad y el comportamiento de los usuarios en tiempo real. Muestran mensajes de forma persistente en línea, 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ñarlos y lanzarlos utilizando un sencillo editor de arrastrar y soltar, lo que elimina la necesidad de asistencia continua por parte de los desarrolladores, reduce la complejidad y mejora la eficiencia.

Características

Las características de los Banners incluyen:

  • Creación sencilla de contenido: Crea y previsualiza tu Banner utilizando un editor visual de arrastrar y soltar compatible con imágenes, texto, botones, formularios de captura de correo electrónico, código personalizado y mucho más.
  • Ubicaciones flexibles: Define múltiples ubicaciones dentro de tu aplicación o sitio web donde puedan aparecer los Banners, lo que permite una segmentación precisa a contextos específicos o experiencias de usuario.
  • Personalización dinámica: Los Banners solo pueden actualizarse al inicio de una nueva sesión o a mitad de sesión si el cliente solicita explícitamente la actualización. Los Banners no se actualizan automáticamente en una nueva sesión. Si el cliente no solicita la actualización, el Banner no se actualizará.
  • Priorización nativa: Establece la prioridad de visualización cuando varios Banners se dirigen a la misma ubicación, asegurándote de que el mensaje adecuado llegue a los usuarios en el momento adecuado.
  • Bloque de editor de código personalizado: Utiliza el bloque de editor de código personalizado para añadir HTML personalizado y así realizar personalizaciones avanzadas o integrarlo fácilmente con tus estilos web actuales.

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 usuario que es elegible para recibirlo.
  • 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, ycart_abandonment 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 contenedor de tokens 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 arequestBannersRefresh consume un token. 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 actualizaciones que se desencadenan 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 campaña 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 compositor 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 compositor.

Limitaciones

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

Además, los mensajes de Banner no admiten las siguientes características:

  • Campaigns desencadenadas por API y basadas en acciones
  • Contenido conectado
  • Códigos promocionales
  • catalog_items usando la etiqueta :rerender
  • Descartes controlados por el usuario (solo acceso anticipado)

Próximos pasos

New Stuff!