Mostrar anúncios no DOM sombra

O shadow DOM permite anexar uma árvore DOM a um elemento e ter os elementos internos dessa árvore isolados do restante da página. Por padrão, todos os elementos criados dentro do shadow DOM são inacessíveis para JS e CSS em execução na página principal.

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

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

Exemplo de implementação

Confira a demonstração

JavaScript

Carregando...

TypeScript

Carregando...