Anuncios gráficos en el shadow DOM

El shadow DOM te permite adjuntar un árbol del DOM a un elemento y aislar sus partes internas del resto de la página. De forma predeterminada, JS y CSS que se ejecutan en la página principal no pueden acceder a ningún elemento creado dentro del shadow DOM.

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

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

Ejemplo de implementación

Ver demostración