Exibir anúncios no shadow DOM

Com o shadow DOM, você pode anexar uma árvore do DOM a um elemento e isolar a parte interna dessa árvore do restante da página. Por padrão, os elementos criados dentro do shadow DOM ficam inacessíveis para JavaScript e CSS em execução na página principal.

Quando a biblioteca da Tag do editor do Google (GPT) é carregada na página principal, ela pode renderizar anúncios em contêineres no shadow DOM, se os seguintes requisitos forem atendidos:

  1. O shadow DOM é anexado no modo aberto.
  2. As chamadas para googletag.display() fornecem uma referência a um elemento de contêiner de anúncio, em vez de uma string de ID do DOM.

Exemplo de implementação

Confira a demonstração