Plantillas de anuncios nativos

En Plantillas de anuncios nativos puedes diseñar directamente en el Portal el diseño visual con el que se muestra un anuncio nativo, en lugar de definirlo mediante código en tu app. Esta es la contraparte en el Portal de la llamada showTemplatedNative() del SDK (AdsManager.showTemplatedNative en Android, AppsKitSDKAdsManagerIOS.instance.showTemplatedNative en iOS): una ubicación publicitaria configurada aquí para usar una plantilla es exactamente lo que esa llamada del SDK muestra en tiempo de ejecución. La app no pasa ningún recurso de diseño (ni res ni XIB), porque el diseño se define aquí.

La lista de plantillas

La página Plantillas de anuncios (en la barra lateral, junto a Marcas y Grupos de regiones) muestra en una tabla todas las plantillas de anuncios nativos que has diseñado.

Cada fila muestra: un índice numérico, una pequeña vista previa del diseño en Imagen, el Nombre de la plantilla, un recuento de Elementos (cuántos de los componentes disponibles —icono, título, contenido multimedia, CTA, etc.— utiliza realmente la plantilla), una etiqueta de Estado (Publicada o Borrador), las fechas de Creación / Actualización, por las que puedes ordenar la lista, y un menú de Acciones. Un cuadro de búsqueda permite filtrar por nombre, y los menús desplegables Filtro, Estado y Marca permiten acotar aún más la lista, con la opción Borrar todo para restablecerlos. La paginación sigue el mismo patrón de pie de página «Mostrando X de Y» que se utiliza en todo el Portal. Haz clic en + Crear plantilla para empezar una nueva, o en una fila existente para abrirla en el editor de lienzo que se describe a continuación.

Diseñar una plantilla (el lienzo)

Al abrir una plantilla, ya sea nueva o existente, accedes al editor de lienzo, donde creas el diseño elemento por elemento.

• Elementos (panel izquierdo): los componentes disponibles para un anuncio nativo: Icono, Título, Anunciante, Etiqueta de patrocinado, Valoración, Descripción, Contenido multimedia, Precio, Tienda y Botón CTA. Solo están activos los elementos que están colocados en el lienzo (esto es lo que refleja el recuento de «Elementos» de la página de la lista); los demás permanecen atenuados en el panel hasta que los añades. Este conjunto refleja exactamente lo que puede ofrecer un objeto de anuncio nativo: eliges qué recursos del anuncio nativo de la propia red publicitaria colocar y cómo hacerlo, no creas campos personalizados.
• Lienzo (centro): una vista previa en tiempo real del diseño a su tamaño real en dp, con un selector Etiquetas / Datos de ejemplo para mostrar etiquetas de marcador de posición o contenido de ejemplo realista, controles de zoom, una opción Importar XML (para incorporar un diseño de Android existente en lugar de crearlo desde cero) y Restablecer al estado inicial para descartar los cambios y volver al último estado guardado de la plantilla.
• Propiedades del lienzo (panel derecho): posición y tamaño (un menú desplegable de Tamaño predefinido, además de campos explícitos de Ancho / Alto, cada uno configurable de forma independiente con un valor fijo, match_parent o wrap_content), apariencia (Color de fondo, con una muestra de color y un valor hexadecimal, y Radio de las esquinas) y Relleno interno (Izquierdo / Superior / Derecho / Inferior, cada uno con su propio control de incremento y decremento).

El selector Borrador / Activa junto al título (con un icono de lápiz para cambiar el nombre de la plantilla) controla si ya se puede asignar a una ubicación publicitaria: una plantilla que permanezca en Borrador no aparecerá como opción disponible en ninguna otra parte. Guardar cambios permanece deshabilitado hasta que modifiques algo, siguiendo el mismo comportamiento que se aplica en todo el Portal para evitar guardar sin cambios.

Configurar la disponibilidad de una plantilla

Al hacer clic en Configurar desde el editor de lienzo, se abre el cuadro de diálogo Configurar disponibilidad de la plantilla. Este paso es el que permite utilizar una plantilla en una app o marca determinada y es independiente del diseño.

El cuadro de diálogo contiene un selector de dos columnas, con la misma estructura que el paso Publicación del asistente de campañas (la sección Marcas del paso Segmentación: «Todas las marcas» frente a una lista de casillas para seleccionar marcas/apps específicas):

• Marcas (izquierda): una casilla principal Todas las marcas, o la posibilidad de elegir marcas específicas en una lista de casillas con búsqueda. Las marcas seleccionadas también aparecen como etiquetas que puedes quitar encima de la lista.
• Apps (derecha): se rellena según las marcas seleccionadas a la izquierda, con las apps agrupadas por marca. Cada grupo de marca tiene su propio acceso directo Todas las apps (incluidas las futuras) para incluir todas sus apps, actuales y futuras, sin seleccionarlas individualmente. También puedes marcar apps específicas una a una. Las apps seleccionadas también aparecen como etiquetas.

Haz clic en Listo para guardar el alcance de disponibilidad. Solo cuando una plantilla está Activa y se ha habilitado aquí para una app/marca, se puede seleccionar al asignar una plantilla de anuncio nativo a una ubicación publicitaria en la configuración de esa app, como se describe a continuación.

Asignar una plantilla a una ubicación publicitaria

De vuelta en la cuadrícula Detalles de la app → Ubicaciones publicitarias → Unidades de anuncios para ubicaciones publicitarias de una app (descrita anteriormente, en Detalles de la app), la columna Nativo funciona igual que Intersticial / Banner / Recompensado: puedes añadir uno o varios emplazamientos por ubicación publicitaria y reordenarlos por prioridad para recurrir al siguiente en caso de fallo. Sin embargo, también incluye un icono de plantilla junto al encabezado de la columna, ya que los emplazamientos de anuncios nativos necesitan un diseño asignado, no solo una unidad de anuncios.

Al hacer clic en ese icono, se abre Configurar plantilla de anuncio nativo, cuyo alcance incluye todas las ubicaciones de anuncios nativos que se muestran en ese momento en la cuadrícula (el encabezado del cuadro de diálogo indica el alcance, por ejemplo, «Todas las ubicaciones de anuncios nativos (10)»).

Busca y selecciona una plantilla entre las disponibles para esta app (según lo explicado en Configurar la disponibilidad de una plantilla), y haz clic en Aplicar plantilla para asignarla a todo el alcance en una sola acción, en lugar de abrir individualmente la tarjeta Nativo de cada ubicación publicitaria. Una vez aplicada, cualquier ubicación publicitaria incluida en ese alcance que llame a showTemplatedNative() en tiempo de ejecución mostrará el anuncio con el diseño de esta plantilla. Este es el mecanismo que conecta una plantilla diseñada aquí con el anuncio nativo que se muestra en tu app, del mismo modo que Promoción cruzada (descrita en Unidades de anuncios para ubicaciones publicitarias, dentro de Detalles de la app, más arriba) conecta una campaña con un emplazamiento publicitario activo.