展示侧边栏广告

此示例使用 Google 发布商代码 (GPT) 库展示侧边栏广告。如需详细了解侧边栏广告,请访问 Google Ad Manager 帮助中心

预览侧边栏广告

通过向网址添加 #gamLeftSideRailDemo#gamRightSideRailDemo,您可以在任何使用 GPT 展示广告的网页上展示演示侧边栏广告。例如 https://www.example.com/#gamLeftSideRailDemo

这可用于在您的网站上预览侧边栏广告,而无需更改代码。这对于快速验证侧边栏在不同设备和不同操作环境中的外观和行为尤其有用。

使用说明

  • 为了确保最佳用户体验,仅在正确支持此广告格式的网页上请求侧边栏广告。因此,defineOutOfPageSlot() 可能会返回 null。请检查是否存在这种情况,以确保您不会执行不必要的工作。当满足以下条件时,系统支持侧边栏广告:

    • GPT 正在顶部窗口中运行。
    • 视口尺寸至少为 1200x650 像素。
  • 仅在您希望展示侧边栏广告的网页和环境中请求侧边栏广告。侧边栏广告可以投放到所有设备。

  • 侧边栏广告会生成自己的广告容器。对于侧边栏广告,您不需要使用 <div>。侧边栏广告会在广告填充时自动创建自己的容器,并将其插入网页中。这些容器应放置在尽可能靠近主网页内容的位置。

  • 侧边栏广告经过优化,可适应可用空间。侧边栏广告需要主页面内容左侧或右侧至少 120x500 像素的空白区域才能展示。显示后,如果因调整页面大小而导致空白空间降至此最小值以下,则相应槽会暂时隐藏,直到空间再次可用为止。

  • 如果在具有多个广告位的网页上使用单一请求架构 (SRA),那么在创建静态广告位 div 之前,请勿调用 display()广告最佳做法中所述,首次调用 display() 会请求在此之前定义的每个广告位。虽然侧边栏广告位不需要预定义的 <div>,但静态广告位需要。如果在网页显示这些元素之前调用 display(),可能会导致信号质量较低,进而降低创收能力。因此,我们建议将初始调用延迟到定义静态槽之后。

  • 仅刷新可见的侧边栏广告。如果侧边栏广告位处于收起状态或不可见,系统会忽略对 refresh() 的所有调用。如果您使用 disableInitialLoad() 手动控制广告加载和刷新,则无论广告位可见性如何,对 refresh() 的首次调用都会触发广告请求。

实现示例

查看演示