展示锚定广告
以下示例使用 Google 发布商代码 (GPT) 库展示了锚定广告。 如需详细了解锚定广告,请访问 Google Ad Manager 帮助中心。
预览锚定广告
您可以在通过 GPT 展示广告的任何网页上添加 #gamTopAnchorDemo
或 #gamBottomAnchorDemo
,以显示锚定广告演示。例如 https://www.example.com/#gamTopAnchorDemo
。
您可以使用此功能在自己的网站上预览锚定广告,而无需更改代码。这对于快速验证锚点在不同设备和不同操作环境中的外观和行为特别有用。
使用说明
为确保提供最佳用户体验,系统只会在正确支持锚定广告格式的页面上请求此类广告。因此,
defineOutOfPageSlot()
可能会返回 null;您应检查是否存在这种情况,以确保不会执行任何不必要的工作。目前,如果满足以下条件,则支持锚定广告:- GPT 正在顶部窗口中运行。
- 在经过移动优化的网页上,缩放效果为中性;通常这意味着发布商在网页的
<head>
中使用了<meta name="viewport" content="width=device-width, initial-scale=1">
或类似代码。 - 视口采用纵向模式,宽度介于
320px
和1000px
之间。
仅在您希望展示锚定广告的网页/环境中请求锚定广告。锚定广告可以在桌面设备、平板电脑和移动设备上投放。
锚定广告会生成自己的广告容器。与其他广告类型不同,您不必为锚定广告定义
<div>
。当广告填充时,锚定广告会自动创建自己的容器并将其插入网页中。这些容器可能会使用绝对或固定定位叠加或遮挡其他元素,因此建议避免将此类元素放置在锚点应显示的区域。如果对包含多个广告位的网页使用了单一请求架构 (SRA),请勿在创建静态广告位 div 之前调用
display()
。如广告最佳实践中所述,第一次调用display()
时会请求在该时间点之前定义的每个广告位。虽然锚定广告位不需要预定义的<div>
,但静态广告位需要。在这些元素呈现在页面上之前调用display()
可能会导致信号质量较差,从而降低创收效果。因此,我们建议您将初始调用延迟到定义静态广告位之后。只有可见的锚定广告才能刷新。如果锚定广告位处于收起状态或尚未滚动到视野中,系统会忽略对
refresh()
的所有调用。不过,如果您使用disableInitialLoad()
手动控制广告加载和刷新,则无论广告位的可见性如何,对refresh()
的首次调用都会触发广告请求。