Renderizadores de respuesta
La respuesta JSON de la API de inserción de anuncios contiene la matriz zones y los objetos renderers y user.
En esta página explicaremos el objeto renderers, que puede ser empleado para renderizar independientemente diferentes contenedores y anuncios en su página web.
Renderizadores de contenedores
Estos renderizadores están diseñados para generar varios tipos de contenedores en los que puede mostrar cómodamente los anuncios. La función render de los renderizadores de contenedores devolverá una matriz con los marcadores de posición que puede utilizar para colocar los anuncios.
En cuanto al objeto zone, puede pasar el mismo objeto que recibió en la respuesta Ad Placement, con la diferencia de que no necesita pasar el zones.type.
Renderizador de contenedores fijos
Se utiliza para representar un contenedor con una posición fija en la página.
Este script expondrá la variable window.FixedContainerRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenedores pegajosos
Este script expondrá la variable window.StickyContainerRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies | |
setBorder() | zoneId | Sí | ID de la zona para fijar el borde |
| ancho | Sí | Anchura del borde | |
color | Sí | Color del borde | |
removeBorder() | zoneId | Sí | ID de la zona de la que eliminar el borde |
setPosition() | zoneId | Sí | ID de la zona para fijar la posición |
| posiciónhorizontal | Sí | Posición horizontal de la zona | |
| posición vertical | Sí | Posición vertical de la zona |
Renderizador de contenedores de mensajes instantáneos
Se utiliza para mostrar un contenedor de mensajes instantáneos en la página.
Este script expondrá la variable window.InstantMessageContainerRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenedores de mensajes instantáneos para móviles
Se utiliza para mostrar un contenedor de mensajes instantáneos para móviles en la página.
Este script expondrá la variable window.MobileInstantMessageContainerRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenedores intersticiales Fullpage
Se utiliza para mostrar un contenedor intersticial de página completa para escritorio o móvil en la página.
Este script expondrá la variable window.FullpageInterstitialContainerRenderer, que puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenedores de grupo
Este script expondrá la variable window.GroupContainerRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | grupo | Sí | Objeto de grupo que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizadores de contenidos
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 banners
Este script expondrá la variable window.BannerRenderer, que puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el anuncio, como un contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenido nativo
Este script expondrá la variable window.NativeRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el anuncio, como un contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenidos de vídeo Outstream
Este script expondrá la variable window.OutstreamVideoRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el anuncio, como un contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |
Renderizador de contenido de notificaciones push en la página
Este script expondrá la variable window.InPagePushNotificationRenderer, que se puede utilizar 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 los parámetros | Requerido | Parámetro Descripción |
|---|---|---|---|
render() | zona | Sí | Objeto de zona que contiene información para la representación |
| marcador de posición | Sí | Elemento HTML que indica dónde mostrar el anuncio, como un contenedor | |
cookieConsent | No | Booleano que indica si el usuario acepta cookies |