Shadow DOM で広告を表示する
Shadow DOM を使用すると、要素に DOM ツリーをアタッチし、そのツリーの内部をページの他の部分から分離できます。デフォルトでは、Shadow DOM 内で作成された要素は、メインページで実行されている JS および CSS からアクセスできません。
Google パブリッシャー タグ（GPT）ライブラリがメインページに読み込まれると、次の要件を満たしていれば、Shadow DOM 内のコンテナに広告をレンダリングできます。
- Shadow DOM はオープンモードでアタッチされます。
googletag.display()の呼び出しでは、DOM ID 文字列ではなく広告コンテナ要素への参照が提供されます。