Pubblicare annunci nel DOM ombra

Lo shadow DOM ti consente di collegare un albero DOM a un elemento e di avere gli elementi interni dell'albero isolati dal resto della pagina. Per impostazione predefinita, tutti gli elementi creati all'interno dello shadow DOM non sono accessibili a JS e CSS in esecuzione nella pagina principale.

Quando la libreria Tag publisher di Google (GPT) viene caricata nella pagina principale, è in grado di eseguire il rendering degli annunci nei contenitori all'interno del DOM ombra, se sono soddisfatti i seguenti requisiti:

  1. Il DOM ombra è collegato in modalità aperta.
  2. Le chiamate a googletag.display() forniscono un riferimento a un elemento contenitore dell'annuncio anziché a una stringa ID DOM.

Esempio di implementazione

Visualizza la demo

JavaScript

Caricamento in corso...

TypeScript

Caricamento in corso...