在 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 广告仅在完全呈现后才会显示。

开始使用 Story 广告

将广告纳入 Web Story 的最简单方法是从受支持的广告服务器投放广告。

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

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

如果您是希望在 Web Stories 中投放广告的广告主，请联系我们以获取更多信息。

如果发布商设置了自己的广告服务器，他们也可以投放自定义广告。此处详细介绍了该过程。

• 作者： @CrystalOnScript