在 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