Skip to content


Caso de uso: vista de carrusel

Ejemplo de aplicación de noticias que muestra un carrusel de Content Cards en un artículo.

Esta sección explica cómo implementar una fuente de carrusel de varias tarjetas en la que el usuario puede deslizar horizontalmente el dedo para ver más tarjetas destacadas. Para integrar una vista de carrusel, tendrás que utilizar una implementación de Content Cards totalmente personalizada: la fase “correr” del enfoque “rastrear, caminar, correr”.

Con este enfoque, no utilizarás las vistas de Braze ni la lógica predeterminada, sino que mostrarás las Content Cards de forma totalmente personalizada utilizando tus propias vistas pobladas con datos de los modelos de Braze.

En términos de nivel de esfuerzo de desarrollo, las diferencias clave entre la implementación básica y la implementación de carrusel incluyen:

  • Construir tus propias vistas
  • Registrar análisis de Content Cards
  • Introducir lógica adicional en el lado del cliente para dictar cuántas y qué tarjetas mostrar en el carrusel

Implementación

Paso 1: Crear un controlador de vista personalizado

Para crear el carrusel de Content Cards, crea tu propio controlador de vista personalizado (como UICollectionViewController) y suscríbete a las actualizaciones de datos. Ten en cuenta que no podrás extender o heredar de nuestro ABKContentCardTableViewController predeterminado, ya que solo es capaz de manejar nuestros tipos de Content Cards predeterminados.

Paso 2: Implementar análisis

Al crear un controlador de vista completamente personalizado, las impresiones, los clics y los descartes de Content Cards no se registran automáticamente. Debes implementar los métodos de análisis correspondientes para asegurar que las impresiones, los eventos de descarte y los clics se registren correctamente en los análisis del panel de Braze.

Para obtener información sobre los métodos de análisis, consulta Métodos de tarjeta.

Paso 3: Crear un observador de Content Cards

Crea un observador de Content Cards que sea responsable de gestionar la llegada de Content Cards e implementa lógica condicional para mostrar un número específico de tarjetas en el carrusel en cualquier momento. De forma predeterminada, las Content Cards se ordenan por fecha de creación (las más recientes primero) y el usuario ve todas las tarjetas para las que es elegible.

Dicho esto, podrías ordenar y aplicar lógica de visualización adicional de varias maneras. Por ejemplo, podrías seleccionar los primeros cinco objetos de Content Cards del array o introducir pares clave-valor (la propiedad extras en el modelo de datos) para construir lógica condicional.

Si estás implementando un carrusel como una fuente secundaria de Content Cards, consulta Usar múltiples fuentes de Content Cards para asegurarte de ordenar las tarjetas en la fuente correcta según los pares clave-valor.

Para consultar la documentación específica de iOS para desarrolladores sobre la clase, los métodos y los atributos de Content Cards, consulta la referencia de la clase ABKContentCard de iOS.

Consideraciones

  • Al usar vistas completamente personalizadas, no podrás extender ni crear subclases de los métodos utilizados en ABKContentCardsController. En su lugar, tendrás que integrar tú mismo los métodos y propiedades del modelo de datos.
  • La lógica e implementación de la vista de carrusel no es un tipo predeterminado de Content Cards en Braze, por lo que la lógica para lograr el caso de uso debe ser proporcionada y soportada por tu equipo de desarrollo.
  • Tendrás que implementar lógica del lado del cliente para mostrar un número específico de tarjetas en el carrusel en un momento dado.
New Stuff!