打开空间

实施指南

视频叠加广告

Overlay ads (non-linear ads)

覆盖在视频一部分上的文字或图片广告,视频继续播放,不会中断内容。

  • Ad Manager
  • Ad Exchange
  • AdSense(通过 Ad Manager)
  • 位于视频播放器内,覆盖在部分内容之上
桌面端
手机

1 分钟看懂

什么是视频叠加广告

您看电视上的比赛时,是不是会在屏幕的一条区域里出现一则小广告,而比赛仍在继续?叠加广告与此相似。它是文字或图片广告,在视频播放期间只覆盖视频的一部分。视频不会停下:访客继续观看,广告就停在上面,像贴在屏幕一小块地方的贴纸。

在视频广告领域,这叫非线性(non-linear)广告。线性广告会取代视频,例如前贴片广告,会让内容暂停。非线性广告则与视频分享屏幕。Ad Manager 中有一种叫悬浮层的创意类型,Google 把它描述为在视频播放时遮住部分内容的广告。广告可以是文字、图片,或两者都有。你可以把文件上传到 Ad Manager,也可以使用远程文件,还可以设置时长、缩放和第三方跟踪链接。

在网站上,展示叠加广告的是 IMA SDK,也就是 Google 用于播放器内广告的代码包。在请求中,播放器会告知非线性广告可以出现的矩形区域的宽度和高度。Google 表示,这个尺寸对非线性广告是必填的,它有助于选择广告,但不必与广告的实际尺寸完全一致。当广告加载完成且是非线性时,Google 的示例代码会让视频继续播放,使广告覆盖在正在播放的内容之上。

有一些重要规则。如果网络或标记本身启用了视频广告规则,就不能投放叠加广告。而且按 Google 的视频政策,视频和广告的控件不能被遮挡、隐藏或失效。因此悬浮层必须放进合适的区域,不能挡住播放、暂停和音量按钮。

分步说明

如何实施

  1. 创建悬浮层创意在视频订单项中,添加悬浮层类型的创意。把文件上传到 Ad Manager,或使用远程文件,如有需要再设置时长、缩放和跟踪。
  2. 检查广告规则如果网络或标记上启用了视频广告规则,叠加广告就不符合条件。在指望使用悬浮层之前,请先检查这一点。
  3. 在请求中提供非线性区域在 IMA 的 AdsRequest 中,填写非线性区域的宽度和高度。Google 表示,这些值对非线性广告是必填的。
  4. 让视频继续播放广告加载后,检查它是否为线性广告。如果不是,就让视频继续播放,就像 Google 的示例那样。
  5. 适应播放器尺寸窗口大小改变时,用视频的尺寸调整 AdsManager 的大小,让叠加广告保持在正确的位置。

实施示例

代码及屏幕上的效果

放在使用 IMA 的播放器代码中:在请求中提供叠加广告的区域,并在加载的广告为非线性时让视频继续播放。
<script>
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&sz=640x480&env=vp&gdfp_req=1&output=vast' +
      '&unviewed_position_start=1&vpa=click&vpmute=0&plcmt=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Fvideo&correlator=';

  // Área para anúncios lineares (que param o vídeo)
  adsRequest.linearAdSlotWidth = 640;
  adsRequest.linearAdSlotHeight = 400;

  // Área para anúncios NÃO lineares (overlay), obrigatória para eles
  adsRequest.nonLinearAdSlotWidth = 640;
  adsRequest.nonLinearAdSlotHeight = 150;

  adsLoader.requestAds(adsRequest);

  // Quando o anúncio carrega: se não for linear, o vídeo segue tocando
  function onAdLoaded(adEvent) {
    var ad = adEvent.getAd();
    if (!ad.isLinear()) {
      video.play();
    }
  }
  // adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdLoaded);
</script>
在桌面端一条带有文字或图片的横条显示在视频的一部分之上,而视频在下方继续播放。
在手机上如果播放器和广告都做了相应设置,它同样显示在播放器内视频的一部分之上,不会暂停内容。

Google 的建议

可以做和不可以做

可以

  • 在视频播放期间,显示覆盖部分视频的文字广告、图片广告或两者兼有的广告。
  • 在 Ad Manager 中上传 Overlay 创意,或使用远程文件,时长、缩放比例和跟踪均为可选。
  • 在非线性广告出现时,让视频继续播放。
  • 在发布商托管的程序化保量中使用悬浮层创意。

不可以

  • 如果网络或标记中启用了视频广告规则,就无法投放叠加广告。
  • 不得让叠加广告遮挡、隐藏或卡住视频和广告的控件。
  • 不得在不提供非线性区域宽度和高度的情况下请求非线性广告:Google 表示这两个值是必填的。
  • 不要使用 IMA 产品通过 YouTube 视频赚钱。
  • 不要同时有多个可见的播放器自动播放。

提示

正确的做法

注意

常见错误

在开启广告规则的情况下使用叠加广告

Google 表示,在网络或标记中启用了视频广告规则时,非线性广告不符合条件。叠加广告就是不会显示。

忘记非线性区域

如果在请求中不提供非线性区域的宽度和高度,IMA 就缺少选择这类广告所需的必要条件。

在叠加广告时暂停视频

叠加广告就是设计成在视频播放的同时出现的。Google 的示例在加载的广告为非线性时,会让视频继续播放。

盖住播放器按钮

如果叠加广告盖在控件上,访客就无法暂停或调节音量,这违反 Google 的视频政策。

常见问题

叠加广告会让视频暂停吗?

不会。它只覆盖视频的一部分,内容继续播放。会让视频暂停的是前贴片这样的线性广告。

我可以把叠加广告和广告规则一起使用吗?

不可以。如果网络或标记中启用了视频广告规则,叠加广告就不符合条件。

我应该提供多大的尺寸?

Google 的示例使用 640 x 150。这个值用于选择广告,不必与广告的实际尺寸一致。

叠加广告可以只有文字吗?

可以。Google 表示,叠加广告可以是文字、图片,或两者兼有。

资料库

Google 官方来源

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

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

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

开始审核