Vast/Vpaid视频可在amp-video中运行吗?如何在AMP广告/Story中集成Vast标签?
关于VAST/VPAID广告在AMP中的投放问题
1. VAST/VPAID格式能否通过amp-video标签投放AMP广告?
不能直接用amp-video标签投放VAST/VPAID广告。amp-video的核心作用是播放常规视频内容,并不支持解析VAST/VPAID广告协议。要投放这类广告,需要使用AMP专门的广告组件,比如amp-ad(配合支持VAST的广告服务商),或者针对视频广告场景使用amp-video-ads组件(需结合广告平台的VAST配置)。
2. 在AMP Story中使用VAST标签运行广告的操作步骤
如果你已经创建了包含MP4视频的AMP Story,要接入VAST广告,需通过amp-story-auto-ads组件实现,具体步骤如下:
步骤1:引入必要的组件脚本
在AMP Story页面的<head>标签内添加amp-story-auto-ads的脚本:
<script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script>
步骤2:配置VAST广告源
在AMP Story的<body>标签最外层(<amp-story>标签之前)添加amp-story-auto-ads标签,并指定VAST广告的请求URL:
<amp-story-auto-ads> <script type="application/json"> { "ad-attributes": { "type": "doubleclick", "data-ad-slot": "你的广告位ID", "data-ad-network": "doubleclick", "data-ad-unit": "inline", "data-vast-url": "你的VAST广告请求URL" } } </script> </amp-story-auto-ads>
注:如果使用其他支持VAST的广告平台,需替换对应的type、data-ad-*属性,确保平台能正确解析VAST请求。
步骤3:符合AMP Story广告规范
- 广告尺寸需匹配AMP Story全屏竖版要求(如720x1280)
- 广告会自动在Story章节间插入,无需手动指定位置
- 需保证VAST广告返回内容符合AMP广告安全规范
针对你提供的AMP广告代码的调整说明
你当前的代码是独立AMP广告单元(amp4ads页面),若要转为支持VAST的广告,需修改为使用支持VAST的广告组件,示例如下:
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <!-- 替换为amp-ad组件脚本 --> <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%https://www.google.com/"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-ad {height:100vh; width:100vw;} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <!-- 使用amp-ad组件加载VAST广告 --> <amp-ad type="doubleclick" data-ad-slot="你的广告位ID" data-ad-network="doubleclick" data-vast-url="你的VAST广告URL" layout="fill"> </amp-ad> </body> </html>
内容的提问来源于stack exchange,提问作者Ankan Ghosh
相关产品推荐
相关产品推荐

