Wyświetlanie reklam w modelu shadow DOM

Shadow DOM umożliwia dołączenie do elementu drzewa DOM, odizolowanie jego wewnętrznych elementów wewnętrznych od reszty strony. Domyślnie elementy utworzone w modelu shadow DOM są niedostępne dla JS i CSS działających na stronie głównej.

Gdy biblioteka tagów wydawcy Google (GPT) zostanie wczytana na stronie głównej, może renderować reklamy w kontenerach w modelu shadow DOM, o ile zostaną spełnione te wymagania:

  1. Model shadow DOM jest podłączony w trybie otwartym.
  2. Wywołania googletag.display() zawierają odniesienie do elementu kontenera reklamy zamiast ciągu znaków identyfikatora DOM.

Przykładowa implementacja

Wyświetl wersję demonstracyjną