展示锚定广告

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

预览锚定广告

您只需向网址添加 #gamTopAnchorDemo#gamBottomAnchorDemo,即可在任何使用 GPT 展示广告的网页上展示演示锚定广告。例如 https://www.example.com/#gamTopAnchorDemo

借助此功能,您无需更改代码即可在网站上预览锚定广告。这对于快速验证锚点在不同设备和不同操作环境中的外观和行为尤其有用。

使用说明

  • 为确保提供最佳用户体验,请仅在正确支持锚定广告的网页上请求锚定广告。因此,defineOutOfPageSlot() 可能会返回 null;您应检查是否存在这种情况,以确保不会执行任何不必要的工作。目前,只有满足以下条件时,才能支持锚定广告:

    • GPT 正在顶部窗口中运行。
    • 在针对移动设备进行了优化的网页上,缩放比例为中性;这通常意味着发布商在网页的 <head> 中包含 <meta name="viewport" content="width=device-width, initial-scale=1"> 或类似内容。
    • 视口为纵向,宽度介于 320px1000px 之间。
  • 仅在您希望展示锚定广告的网页/环境中请求锚定广告。锚定广告可以投放到桌面设备、平板电脑和移动设备上。

  • 锚定广告会生成自己的广告容器。与其他广告类型不同,您无需为锚定广告定义 <div>。锚定广告会在广告填充时自动创建容器,并将其插入到网页中。这些容器可能会使用绝对定位或固定定位来重叠或遮挡其他元素,因此建议不要将此类元素放置在应该显示锚点的区域。

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

  • 只能刷新可见的锚定广告。当锚定广告位收起或尚未滚动到视图中时,对 refresh() 的所有调用都会被忽略。不过,如果您使用 disableInitialLoad() 手动控制广告加载和刷新,则无论广告位可见性如何,对 refresh() 的首次调用都会触发广告请求。

实现示例

查看演示