展示侧边栏广告

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

预览侧边栏广告

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

您可以使用此工具在自己的网站上预览侧边栏广告,而无需更改任何代码。这对于快速验证侧边栏在不同设备和不同操作环境中的外观和行为特别有用。

使用说明

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

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

  • 侧边栏广告会生成自己的广告容器。您无需为侧边栏广告提供 <div>。当广告填充时,侧边栏广告会自动创建自己的容器并将其插入网页中。这些容器的位置尽可能靠近主页面内容。

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

  • 如果对包含多个广告位的网页使用了单一请求架构 (SRA),请勿在创建静态广告位 div 之前调用 display()广告最佳实践中所述,第一次调用 display() 时会请求在该时间点之前定义的每个广告位。虽然侧边栏广告位不需要预定义的 <div>,但静态广告位需要。在这些元素呈现在页面上之前调用 display() 可能会导致信号质量较差,从而降低创收效果。因此,我们建议您将初始调用延迟到定义静态广告位之后。

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

实现示例

查看演示

JavaScript

正在加载…

TypeScript

正在加载…