Отображение рекламы в теневом DOM

Shadow DOM позволяет прикрепить дерево DOM к элементу и изолировать внутренности этого дерева от остальной части страницы. По умолчанию любые элементы, созданные внутри shadow DOM, недоступны для JS и CSS, работающих на главной странице.

Когда библиотека Google Publisher Tag (GPT) загружена на главную страницу, она способна отображать рекламу в контейнерах внутри теневого DOM, если соблюдены следующие требования:

  1. Теневой DOM присоединен в открытом режиме .
  2. Вызовы googletag.display() предоставляют ссылку на элемент контейнера рекламы, а не на строку идентификатора DOM.

Пример реализации

Посмотреть демо

JavaScript

Загрузка...

Машинопись

Загрузка...

,

Отображение рекламы в теневом DOM

Shadow DOM позволяет прикрепить дерево DOM к элементу и изолировать внутренности этого дерева от остальной части страницы. По умолчанию любые элементы, созданные внутри shadow DOM, недоступны для JS и CSS, работающих на главной странице.

Когда библиотека Google Publisher Tag (GPT) загружена на главную страницу, она способна отображать рекламу в контейнерах внутри теневого DOM, если соблюдены следующие требования:

  1. Теневой DOM присоединен в открытом режиме .
  2. Вызовы googletag.display() предоставляют ссылку на элемент контейнера рекламы, а не на строку идентификатора DOM.

Пример реализации

Посмотреть демо

JavaScript

Загрузка...

Машинопись

Загрузка...