随播广告是指在向视频或音频播放器中投放广告的同时，向旁边的展示广告位投放的广告。必须有主广告，随播广告才能投放。
- VAST 广告素材最多可包含 6 个对应的展示广告。
- 标签可防止同时投放来自竞争广告客户的广告
- 当 VAST 响应包含的随播广告少于网页上定义的展示广告位时，能够使用发布商广告资源网中的广告进行补余
如果主广告自动播放，随播广告会在主广告开始播放的那一刻立即加载，因此两者会同时加载。如果主广告需要用户启动（如点击播放），那么在用户点击主广告前，随播广告位中可能会加载非随播广告；待用户点击播放主广告时，随播广告即会取代所加载的非随播广告。
无论屏幕尺寸如何，自适应尺寸随播广告都会采用相同的空间百分比。这样，随播广告就能填满整个屏幕了。
可用的随播广告素材类型
如果您的 VAST 广告素材包含随播广告素材，您可以使用下列任意类型：
- 图片：标准图片，或第三方广告服务器上托管的广告素材的网址。
- Campaign Manager 360：通过 Campaign Manager 360 生成的重定向网址。
- 第三方：来自第三方广告服务器的代码。
- 自定义：您自己的代码，用于打造丰富的广告体验。
- 原生格式 （Beta 版） ：标准或自定义的原生格式。1、2
- 标准或自定义广告素材模板：提示您输入信息或上传文件的模板。
1 使用原生样式作为投放方式时，采用发布商提供的广告素材来源的预订型广告系列和有保证的程序化广告系列均支持原生格式。
2 已启用原生视频的格式无法用作随播广告。
随播广告配置
若要投放随播广告素材，您的订单项、网站和播放器的配置必须正确无误。
- 添加订单项时，您应将预期的广告素材设为主视频/音频广告的尺寸，并添加随播广告的尺寸。然后，当您投放视频或音频广告素材时，便可添加采用您在此允许的尺寸的随播广告素材。
- 展示广告位应使用可指定随播广告行为方式的 GPT 代码进行定义。
- 如果播放器使用 IMA SDK，则应在广告请求中的
ciu_szs参数内设置随播广告的尺寸。 - 如果播放器属于 iframe，您则需要在 HTML 中添加 GPT 代理脚本。
您可以找到有关如何使用 Google 发布商代码投放随播广告的实现细节。如果您未使用 GPT 库，您的开发人员或许能使用 Ad API 实现对随播广告的支持。不过，本文后面的内容会着重介绍 GPT 功能。
支持随播广告的 GPT 方法
| GPT JavaScript | 网页 <head> 中的代码示例 |
|---|---|
|
|
googletag.defineSlot( |
|
如果 |
googletag.companionAds(). |
|
这样，就可以跨视频广告和展示广告实现竞争排除。 |
|
|
（可选）适用于“自动播放”的视频广告和音频广告。 该方法可避免出现以下情况：展示广告在广告单元中加载后仅显示了几秒钟，随播广告便开始投放。 相比之下，点击播放型广告则无需停用初始加载，因为相应的展示广告应该会加载并一直显示到用户点击播放主广告之时，届时随播广告即会开始加载。 |
|
包含随播展示广告的 GPT 代码示例
一个网页的完整 <head> 可能如下所示：
<script type='text/javascript'> window.googletag = window.googletag || {cmd: []}; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; gads.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { //↓根据您网站的实际广告单元和尺寸进行设置 googletag.defineSlot('/12345/path/to/adunit', [300, 250], 'div1').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.defineSlot('/12345/path/to/adunit', [160, 600], 'div2').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.defineSlot('/12345/path/to/adunit', [728, 90], 'div3').addService(googletag.companionAds()).addService(googletag.pubads()); googletag.companionAds().setRefreshUnfilledSlots(true); googletag.pubads().enableVideoAds();// ↓仅在自动播放视频的网页上才需要 googletag.pubads().disableInitialLoad(); googletag.enableServices(); }); </script>
而 <body> 代码可能如下所示：
<div id='div1' style='width:300px; min-height:250px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-1'); });
</script>
</div>
<div id='div2' style='width:160px; min-height:600px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-2'); });
</script>
</div>
<div id='div3' style='width:728px; min-height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('ad-div-3'); });
</script>
</div>min-height 属性，而非 height 属性。