Skip to content

Personalizar el comportamiento de las Content Cards

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

Pares clave-valor

Braze te permite enviar cargas útiles de datos adicionales mediante Content Cards 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 dashboard.

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

Content Cards como contenido complementario

Puedes integrar fácilmente las Content Cards en una fuente existente, permitiendo que los datos de varias fuentes se carguen simultáneamente. Esto crea una experiencia cohesiva y armoniosa con las Content Cards de 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 Content Cards impulsadas por Braze. Con esto, las Content Cards pueden ser indistinguibles de los contenidos existentes.

Pares clave-valor desencadenados por la API

Las Campaigns 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 Content Cards complementarias. En este ejemplo, diferentes aspectos de la tarjeta, como "tile_id", "tile_deeplink" y "tile_title", se configuran utilizando Liquid.

Content Cards como contenido interactivo

Una Content Card interactiva que muestra una promoción del 50 % aparece en la esquina inferior izquierda de la pantalla. Tras hacer clic, se aplicará una promoción al carrito.

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

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 Content Cards 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 Content Cards.

Señales de Content Cards

Una pantalla de inicio de iPhone que muestra una aplicación de ejemplo de 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 nuevo contenido de Content Cards puede atraer a los usuarios de vuelta a tu aplicación y aumentar las sesiones.

Mostrar el número de Content Cards no leídas como una señal

Puedes mostrar el número de Content Cards 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 a:

1
braze.getCachedContentCards().getUnviewedCardCount();

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

Puedes solicitar el número de tarjetas no leídas en cualquier momento llamando a:

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

Puedes utilizar esta información para mostrar una señal que indique cuántas Content Cards 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 Content Cards 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;
New Stuff!