Afficher des annonces dans le DOM fantôme

Le Shadow DOM vous permet d'associer une arborescence DOM à un élément et d'isoler les éléments internes de cette arborescence du reste de la page. Par défaut, tous les éléments créés dans le DOM fantôme sont inaccessibles au code JavaScript et CSS exécuté sur la page principale.

Lorsque la bibliothèque Google Publisher Tag (GPT) est chargée sur la page principale, elle peut afficher des annonces dans des conteneurs du DOM ombragé si les conditions suivantes sont remplies:

  1. Le Shadow DOM est associé en mode ouvert.
  2. Les appels à googletag.display() fournissent une référence à un élément de conteneur d'annonces, au lieu d'une chaîne d'ID DOM.

Exemple d'implémentation

Regarder la démonstration

JavaScript

Chargement...

TypeScript

Chargement...