Wyświetlanie reklam w DOM-ie cieni

Shadow DOM umożliwia dołączenie drzewa DOM do elementu, a jego wewnętrzna struktura jest odizolowana od reszty strony. Domyślnie wszystkie elementy utworzone w modelu DOM cienia są niedostępne dla kodu JS i CSS działającego na stronie głównej.

Gdy biblioteka tagów wydawcy Google (GPT) jest załadowana na stronie głównej, może renderować reklamy w kontenerach w DOM cieni, jeśli są spełnione te wymagania:

  1. Shadow DOM jest dołączony w trybie otwartym.
  2. Wywołania funkcji googletag.display() odwołują się do elementu kontenera reklamy zamiast do ciągu identyfikatora DOM.

Przykładowa implementacja

Zobacz wersję demonstracyjną

JavaScript

Wczytuję...

TypeScript

Wczytuję...