Skip to content

Personalizar el comportamiento de las tarjetas de contenido

Esta guía de implementación trata sobre cómo cambiar el comportamiento de las tarjetas de contenido, cómo añadir extras como pares clave-valor a tu carga útil, y recetas para personalizaciones comunes. Para ver la lista completa de tipos de tarjetas de contenido, consulta Acerca de las tarjetas de contenido.

Pares clave-valor

Braze te habilita para enviar cargas útiles de datos adicionales mediante tarjetas de contenido a dispositivos de usuario utilizando pares clave-valor. Pueden ayudarte a realizar un seguimiento de las métricas internas, actualizar el contenido de la aplicación y personalizar las propiedades. Añade pares clave-valor utilizando el panel.

Los pares clave-valor se almacenan en objetos card como extras. Se pueden utilizar para enviar datos hacia abajo junto con una tarjeta para su posterior manipulación por la aplicación. Llama a card.extras para acceder a estos valores.

Los pares clave-valor se almacenan en objetos card como extras. Se pueden utilizar para enviar datos hacia abajo junto con una tarjeta para su posterior manipulación por la aplicación. Llama a card.extras para acceder a estos valores.

Los pares clave-valor se almacenan en objetos card como extras. Se pueden utilizar para enviar datos hacia abajo junto con una tarjeta para su posterior manipulación por la aplicación. Llama a card.extras para acceder a estos valores.

Tarjetas de contenido como contenido complementario

Puedes integrar fácilmente las tarjetas de contenido en una fuente existente, permitiendo que los datos de varias fuentes se carguen simultáneamente. Esto crea una experiencia cohesiva y armoniosa con las tarjetas de contenido Braze y el contenido de la fuente existente.

El ejemplo de la derecha muestra una fuente con una lista híbrida de elementos que se rellenan mediante datos locales y tarjetas de contenido impulsadas por Braze. Con esto, las tarjetas de contenido pueden ser indistinguibles de los contenidos existentes.

Pares clave-valor desencadenados por la API

Las campañas desencadenadas por API son una buena estrategia a emplear cuando los valores de una tarjeta dependen de factores externos para determinar qué contenido mostrar al usuario. Por ejemplo, para mostrar contenido complementario, establece pares clave-valor utilizando Liquid. Ten en cuenta que class_type debe conocerse en el momento de la configuración.

Los pares clave-valor para el caso de uso de las tarjetas de contenido suplementario. En este ejemplo, diferentes aspectos de la tarjeta como "tile_id", "tile_deeplink" y "tile_title" se configuran utilizando Liquid.

Tarjetas de contenido como contenido interactivo

En la esquina inferior izquierda de la pantalla aparece una tarjeta de contenido interactiva que muestra una promoción del 50%. Después de hacer clic, se aplicará una promoción al carrito.

Las tarjetas de contenido pueden aprovecharse para crear experiencias dinámicas e interactivas para tus usuarios. En el ejemplo de la derecha, tenemos una ventana emergente de una tarjeta de contenido que aparece en el momento de la compra y que ofrece a los usuarios promociones de última hora. Las tarjetas bien colocadas como ésta son una forma estupenda de dar a los usuarios un “empujoncito” hacia acciones específicas del usuario.

Los pares clave-valor para este caso de uso incluyen un discount_percentage configurado como el importe de descuento deseado y class_type configurado como coupon_code. Estos pares clave-valor te permiten filtrar y mostrar tarjetas de contenido de tipos específicos en la pantalla de pago. Para más información sobre el uso de pares clave-valor para gestionar varias fuentes, consulta Personalizar la fuente predeterminada de la tarjeta de contenido.

Tarjetas de señal de contenido

Una pantalla de inicio de iPhone que muestra una aplicación de muestra Braze llamada Swifty con una señal roja que muestra el número 7

Las señales son pequeños iconos ideales para llamar la atención del usuario. Utilizar señales para alertar al usuario sobre el nuevo contenido de la tarjeta de contenido puede atraer a los usuarios de vuelta a tu aplicación y aumentar las sesiones.

Mostrar el número de tarjetas de contenido no leídas como una señal

Puedes mostrar el número de tarjetas de contenido no leídas que tiene tu usuario como una señal en el icono de tu aplicación.

Puedes solicitar el número de tarjetas no leídas en cualquier momento llamando por teléfono:

1
Braze.getInstance(context).getContentCardUnviewedCount();
1
Braze.getInstance(context).contentCardUnviewedCount

Puedes utilizar esta información para mostrar una señal que indique cuántas tarjetas de contenido hay sin leer. Consulta la documentación de referencia del SDK para obtener más información.

El siguiente ejemplo utiliza braze.contentCards para solicitar y mostrar el número de tarjetas de contenido no leídas. Una vez cerrada la aplicación y finalizada la sesión del usuario, este código solicita un recuento de tarjetas, filtrando el número de tarjetas en función de la propiedad viewed.

1
func applicationDidEnterBackground(_ application: UIApplication)

Dentro de este método, implementa el siguiente código, que actualiza activamente el recuento de señales mientras el usuario ve las tarjetas durante una sesión determinada:

1
2
let unreadCards = AppDelegate.braze?.contentCards.cards.filter { $0.viewed == false }
UIApplication.shared.applicationIconBadgeNumber = unreadCards?.count ?? 0
1
(void)applicationDidEnterBackground:(UIApplication *)application

Dentro de este método, implementa el siguiente código, que actualiza activamente el recuento de señales mientras el usuario ve las tarjetas durante una sesión determinada:

1
2
3
4
5
6
7
NSInteger unreadCardCount = 0;
for (BRZContentCardRaw *card in AppDelegate.braze.contentCards.cards) {
  if (card.viewed == NO) {
    unreadCardCount += 1;
  }
}
[UIApplication sharedApplication].applicationIconBadgeNumber = unreadCardCount;

Puedes solicitar el número de tarjetas no leídas en cualquier momento llamando por teléfono:

1
braze.getCachedContentCards().getUnviewedCardCount();

Puedes utilizar esta información para mostrar una señal que indique cuántas tarjetas de contenido hay sin leer. Consulta la documentación de referencia del SDK para obtener más información.

¿QUÉ TAN ÚTIL FUE ESTA PÁGINA?
New Stuff!