在 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