打开空间

实施指南

配套广告

Companion ads

在视频或音频广告于播放器中播放的同时,出现在页面上的横幅,两者成对出现。

  • Ad Manager
  • 在页面上,位于视频或音频播放器附近的展示广告位中
桌面端
手机

1 分钟看懂

什么是配套广告

想想一场演唱会:歌手在台上时,旁边的大屏幕显示歌名。两者同时讲述同一件事。配套广告就是这样。当视频或音频广告在播放器中播放时,同一广告的横幅会出现在页面上播放器附近的广告位中。

Google 解释说,配套广告可以在视频或音频播放器中投放广告的同时,在展示广告位中显示广告。它们始终依赖于主广告,也就是 master:没有 master,就没有配套广告。就像演唱会的大屏幕,只有台上有人在唱才有意义。一个 VAST 广告最多可以带 6 个配套展示广告。

网站是怎么做到的?播放器附近的展示广告位是用 GPT(Google Publisher Tag,即 Google 用来创建广告位的代码)创建的。GPT 为此提供三个部分。第一个是 companionAds,用来说明当同一页面的播放器里正在播放 VAST 广告时,这个广告位可以接收配套广告。第二个是 setRefreshUnfilledSlots,用来要求稍后补充仍为空的广告位。第三个是 enableVideoAds,让 GPT 和 IMA SDK 使用同一个 correlator,这是一个数字,在同一次页面浏览的所有广告请求中都相同。在播放器一侧,IMA 通过标记中的 ciu_szs 参数发送配套广告的尺寸。

什么时候值得用?当你有视频或音频广告,并希望广告也出现在页面上时。对于可能接收音频广告的视频播放器,Google 强烈建议使用配套横幅,避免音频播放时播放器一片空白。有几点要注意:广告位必须与配套广告的尺寸一致,自适应广告不支持作为视频的配套广告,而且如果播放器在 iframe 中,还需要 GPT 的代理脚本。

分步说明

如何实施

  1. 在订单项中填写尺寸创建视频和音频订单项时,填写预期的 master 广告素材尺寸和配套广告的尺寸。
  2. 添加配套广告素材使用支持的类型之一:图片、Campaign Manager 360、第三方、自定义、原生格式(测试版),或标准或自定义的创意模板。
  3. 在主页面中加载 GPT只有当 GPT 在主页面中加载时,用于 HTML5 的 IMA 才能识别 GPT 的广告位。如果播放器在 iframe 中,请加入 GPT 的代理脚本。
  4. 创建配套广告位用 companionAds 和 pubads 定义广告位,开启对空广告位的填充,启用视频广告,并显示该广告位。请在播放器显示广告之前定义好广告位。
  5. 在播放器标记中发送尺寸在 IMA 标记中,使用 ciu_szs 参数,配套广告的尺寸用逗号分隔,例如 728x90,300x250。
  6. 避免自动播放时闪现如果视频或音频自动播放,GPT 可以使用 disableInitialLoad,避免在配套广告到达之前短暂显示一个普通横幅。

实施示例

代码及屏幕上的效果

GPT 放在与播放器相同页面的 head 中,配套广告的框放在播放器附近,尺寸与配套广告相同。
<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->
在桌面端广告在播放器中播放时,同一广告的横幅会出现在页面的展示广告位中。
在手机上广告在播放器中播放时,配套横幅会出现在页面的展示广告位中。使用 fluid 尺寸时,它在任何屏幕上都占据相同比例的空间。

Google 的建议

可以做和不可以做

可以

  • 为每个 VAST 广告最多显示 6 个配套广告。
  • 使用图片、Campaign Manager 360、第三方、自定义、原生格式(测试版)或创意模板类型的配套广告。
  • 要求之后用你网络中的其他广告来填充空的配套广告位。
  • 使用 fluid 尺寸的配套广告,在任何屏幕上都占据相同比例的空间。
  • 在可能接收音频广告的视频播放器中使用配套横幅,Google 对此强烈建议。

不可以

  • 不存在单独的配套广告:它始终依赖于 master 广告。
  • 响应式广告不支持作为视频配套广告。
  • IMA 不支持视频配套广告的点击开启声音功能。
  • 启用了原生视频的格式不能用作配套广告。
  • 播放器在 iframe 中时,没有代理脚本,GPT 就无法被识别。

提示

正确的做法

注意

常见错误

iframe 内的 GPT

用于 HTML5 的 IMA 只能识别主页面中的 GPT 广告位。在 iframe 中,没有代理脚本,配套广告就不会显示。

尺寸不匹配

配套广告必须与广告位尺寸相同。728x90 的广告位无法接收 300x250 的配套广告。

忘记在标记中填写尺寸

使用 IMA 的播放器应该在 ciu_szs 参数中发送配套广告的尺寸。否则服务器不知道页面接受哪些尺寸。

配套广告出现之前横幅闪现

在自动播放的视频或音频中,普通横幅可能会短暂出现。Google 建议使用 disableInitialLoad 来避免这种情况。

常见问题

没有视频时配套广告会出现吗?

不会。它始终依赖于在播放器中播放的 master 广告。如果没有配套广告,该广告位可以接收你网络中的其他广告。

我可以有多少个配套广告?

一个 VAST 广告最多可以带 6 个配套展示广告。

音频广告可以用吗?

可以。在可能接收音频广告的视频播放器中,Google 强烈建议使用配套横幅,避免声音播放时播放器一片空白。

enableVideoAds 有什么用?

它让 GPT 和 IMA SDK 使用同一个 correlator,这是一个数字,在同一次页面浏览的所有广告请求中都相同。

资料库

Google 官方来源

本页内容均以 Google 官方文档为准。可直接阅读原文:

你的网站是否正确使用了这种格式?

审核会像访问者一样读取网站,不点击任何内容,并告诉你需要修正什么。

开始审核