Skip to content


Casos de uso: Vista de carrusel

Ejemplo de aplicación de noticias que muestra un carrusel de tarjetas de contenido 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 tarjeta de contenido totalmente personalizada: la fase “correr” del enfoque “rastrear, caminar, correr”.

Con este enfoque, no utilizarás las vistas Braze ni la lógica predeterminada, sino que mostrarás las tarjetas de contenido de forma totalmente personalizada utilizando tus propias vistas pobladas con datos de los modelos 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
  • Registro de análisis de tarjeta de contenido
  • Introducir lógica adicional en el lado del cliente para dictar cuántas y qué tarjetas mostrar en el carrusel.

Aplicación

Paso 1: Crear un controlador de vista personalizado

Para crear el carrusel de tarjetas de contenido, crea tu propio controlador de vista personalizado (como UICollectionViewController) y suscríbete para recibir actualizaciones de datos. Ten en cuenta que no podrás ampliar o subclasificar nuestro ABKContentCardTableViewController predeterminado, ya que sólo puede gestionar los tipos de tarjeta de contenido predeterminados.

Paso 2: Implementar análisis

Al crear un controlador de vista totalmente personalizado, las impresiones, los clics y los rechazos de la tarjeta de contenido no se registran automáticamente. Debes implementar los métodos de análisis respectivos para asegurarte de que las impresiones, los eventos de rechazo y los clics se registran 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 tarjetas de contenido

Crea un observador de tarjetas de contenido que se encargue de gestionar la llegada de tarjetas de contenido, e implementa una lógica condicional para mostrar un número específico de tarjetas en el carrusel en un momento dado. Por defecto, las tarjetas de contenido se ordenan por fecha de creación (la más reciente primero), y un 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 formas. Por ejemplo, podrías seleccionar los cinco primeros objetos de la tarjeta de contenido de la matriz o introducir pares clave-valor (la propiedad extras en el modelo de datos) para construir una lógica condicional en torno a ellos.

Si estás implementando un carrusel como fuente secundaria de tarjetas de contenido, consulta Utilizar múltiples fuentes de tarjetas de contenido para asegurarte de que ordenas las tarjetas en la fuente correcta basándote en los pares clave-valor.

Para obtener documentación específica para desarrolladores de iOS sobre la clase, los métodos y los atributos de las tarjetas de contenido, consulta la referencia de la claseABKContentCard de iOS.

Consideraciones

  • Al utilizar vistas completamente personalizadas, no podrás ampliar ni subclasificar 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 y la implementación de la vista de carrusel no es un tipo predeterminado de tarjeta de contenido en Braze, y por lo tanto la lógica para lograr el caso de uso debe ser suministrada y soportada por tu equipo de desarrollo.
  • Tendrás que implementar la lógica del lado del cliente para mostrar un número específico de tarjetas en el carrusel en un momento dado.
New Stuff!