Renderizadores de respuesta

El JSON de respuesta de la API de colocación de anuncios contiene el zonas array y los renderizadores y usuario objetos.

En esta página explicaremos el renderizadores objeto, que puede emplearse para renderizar de forma independiente diferentes contenedores y anuncios en tu página web.

Renderizadores de contenedores

Estos renderizadores están diseñados para generar diversos tipos de contenedores donde puedes mostrar cómodamente los anuncios. La función render de los renderizadores de contenedores devolverá un array con los placeholders que puedes usar para colocar los anuncios.

En cuanto al objeto zone puedes pasar el mismo objeto que recibiste en la respuesta de Ad Placement, con la diferencia de que no necesitas pasar el zones.type.

Renderizador de contenedor fijo

Se utiliza para renderizar un contenedor con una posición fija en la página.

Este script expondrá la window.FixedContainerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.FixedContainerRenderer.render(zone, placeholder); es posible renderizar el contenedor en la página.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenedor sticky

Este script expondrá la window.StickyContainerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.StickyContainerRenderer.render(zone, placeholder); es posible renderizar el contenedor en la página.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies
setBorder()	zoneId	Sí	ID de la zona para la que se establecerá el borde
	width	Sí	Ancho del borde
	color	Sí	Color del borde
removeBorder()	zoneId	Sí	ID de la zona de la que se eliminará el borde
setPosition()	zoneId	Sí	ID de la zona para la que se establecerá la posición
	horizontalPosition	Sí	Posición horizontal de la zona
	verticalPosition	Sí	Posición vertical de la zona

Renderizador de contenedor de mensaje instantáneo

Se utiliza para renderizar un contenedor de mensaje instantáneo en la página.

Este script expondrá la window.InstantMessageContainerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.InstantMessageContainerRenderer.render(zone, placeholder); es posible renderizar el contenedor en la página.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenedor de mensaje instantáneo para móvil

Se utiliza para renderizar un contenedor de mensaje instantáneo para móvil en la página.

Este script expondrá la window.MobileInstantMessageContainerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.MobileInstantMessageContainerRenderer.render(zone, placeholder); es posible renderizar el contenedor en la página.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenedor intersticial de página completa

Se utiliza para renderizar un contenedor intersticial de página completa para escritorio o móvil en la página.

Este script expondrá la window.FullpageInterstitialContainerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.FullpageInterstitialContainerRenderer.render(zone, placeholder); es posible renderizar el contenedor en la página.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenedor de grupo

Este script expondrá la window.GroupContainerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.GroupContainerRenderer.render(group, placeholder); es posible renderizar el contenedor en la página.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	grupo	Sí	Objeto group que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizadores de contenido

Estos renderizadores se encargan de mostrar los anuncios dentro de un contenedor. Algunos son autónomos y no requieren un contenedor.

Renderizador de contenido de banner

Este script expondrá la window.BannerRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.BannerRenderer.render(zone, placeholder); es posible renderizar el anuncio.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el anuncio, como un contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenido nativo

Este script expondrá la window.NativeRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.NativeRenderer.render(zone, placeholder); es posible renderizar el anuncio.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el anuncio, como un contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenido de video outstream

Este script expondrá la window.OutstreamVideoRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.OutstreamVideoRenderer.render(zone, placeholder); es posible renderizar el anuncio.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el anuncio, como un contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies

Renderizador de contenido de notificación push en la página

Este script expondrá la window.InPagePushNotificationRenderer variable, que puedes usar para interactuar con el renderizador. Por ejemplo, llamando a window.InPagePushNotificationRenderer.render(zone, placeholder); es posible renderizar el anuncio.

Funciones de renderizador disponibles:

Función	Nombres de parámetros	Obligatorio	Descripción del parámetro
render()	objeto zone	Sí	Objeto zone que contiene información para el renderizado
	placeholder	Sí	Elemento HTML que indica dónde renderizar el anuncio, como un contenedor
	cookieConsent	No	Booleano que indica si el usuario consiente las cookies