> For the complete documentation index, see [llms.txt](https://docs.exoclick.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exoclick.com/api/es/api-de-colocacion-de-anuncios/respuesta/ad-plac-renderers.md).

# Renderizadores de respuesta

El JSON de respuesta de la API de colocación de anuncios contiene el [**zonas**](/api/es/api-de-colocacion-de-anuncios/respuesta/ad-plac-response.md) array y los **renderizadores** y [**usuario**](/api/es/api-de-colocacion-de-anuncios/respuesta/ad-plac-user.md) 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                  |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.exoclick.com/api/es/api-de-colocacion-de-anuncios/respuesta/ad-plac-renderers.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.