在阴影 DOM 中展示广告

借助 shadow DOM,您可以将 DOM 树附加到元素,并将该树的内部与网页的其余部分隔离开来。默认情况下,主页面上运行的 JS 和 CSS 无法访问在 shadow DOM 中创建的任何元素。

在主页上加载 Google 发布商代码 (GPT) 库后,如果满足以下要求,则可以将广告呈现到 shadow DOM 中的容器中:

  1. shadow DOM 会以打开模式附加。
  2. googletag.display() 的调用会提供对广告容器元素的引用,而不是 DOM ID 字符串。

实现示例

查看演示

JavaScript

正在加载…

TypeScript

正在加载…