Cómo mostrar anuncios gráficos en el DOM secundario

El shadow DOM te permite adjuntar un árbol del DOM a un elemento y tener los elementos internos de ese árbol aislados del resto de la página. De forma predeterminada, JS y CSS no pueden acceder a los elementos creados dentro del DOM sombreado que se ejecuta en la página principal.

Cuando se carga la biblioteca de Google Publisher Tag (GPT) en la página principal, puede renderizar anuncios en contenedores dentro del DOM en sombra, si se cumplen los siguientes requisitos:

  1. El Shadow DOM se adjunta en modo abierto.
  2. Las llamadas a googletag.display() proporcionan una referencia a un elemento del contenedor de anuncios, en lugar de una cadena de ID de DOM.

Ejemplo de implementación

Ver demostración

JavaScript

Cargando…

TypeScript

Cargando…