You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 14:53:15