在 Web Stories 中投放广告

Web Stories 是一种全屏可点击体验，可让读者沉浸在内容中。在 Web Story 广告中投放广告可以无缝且无干扰地集成到用户的旅程中，让他们对平台保持参与和喜爱。

广告展示位置

Web Stories 使用单个 amp-story-auto-ads 组件来控制广告数量和展示位置。

amp-story-auto-ads 是 amp-ad 组件的包装器。它会在用户消费故事内容时动态插入一个或多个广告。为了确保最佳用户体验

1. 广告由 Web Stories 运行时预先呈现，然后插入。这保证了用户永远不会看到空白或未加载的广告。

2. 广告密度通过内容比例进行优化，以防止过度饱和。amp-story-auto-ads 组件会决定用户在前进时何时何地插入广告。

Web Story 会在最初两页之后的某个时间展示第一个广告，目的是优化收入和用户体验。

用户互动

用户可以通过点击屏幕右侧三分之二的方式，像浏览正常故事页面一样浏览广告。

用户可以通过点击系统呈现的 号召性用语 按钮，直接与广告互动，该按钮会出现在所有 Web Story 广告的底部三分之一处。可以将该按钮配置为将用户发送到任意 URL（或到相关的应用商店）。

配置用于广告的 Web Story

Web Stories 不支持在页面上直接使用 amp-ad。相反，所有广告都由 amp-story-auto-ads 组件提取和显示。amp-story-auto-ads 组件必须放置为 amp-story 的直接子元素。

<amp-story>
  <amp-story-auto-ads>
    <script type="application/json">
      {
        "ad-attributes": {
          // ad server configuration
        }
      }
    </script>
  </amp-story-auto-ads>
  <amp-story-page>
  ...
</amp-story>

与正常的 amp-ad 不同，不需要 <fallback> 或 <placeholder>，因为 Web Story 广告仅在完全呈现后才会显示。

入门故事广告

在 Web Story 中包含广告的最简单方法是从受支持的广告服务器投放广告。

当前支持 Web Story 广告的广告平台

• Google Ad Manager
  • 直接销售广告
  • 程序化广告
• Google AdSense
  • 程序化广告
• MGID
  • 直接销售广告
• 其他广告平台可以集成（请通过 Github 联系我们了解详情）

如果您是广告商，并且有兴趣在 Web Stories 中投放广告，请联系我们以获取更多信息。

发布商也可以在设置自己的广告服务器的情况下放置自定义广告。此处详细介绍了该过程。

• 由 @CrystalOnScript 撰写