Отображать рекламу в теневой DOM

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

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

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

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

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