使用广告将您的 AMP 页面变现

重要提示：此文档不适用于您当前选择的格式广告！

本指南提供了在您的 AMP 页面上显示广告的说明和最佳实践。

在您的页面上添加广告

在非 AMP 页面（传统 HTML）中，如果您想在您的页面上显示广告，您需要包含一段 JavaScript 代码片段，以便从您的广告网络投放广告。出于性能和安全原因，您不能在 AMP 页面中包含第三方 JavaScript。因此，要在 AMP 中显示广告，您需要将自定义 amp-ad 组件添加到您的 AMP 页面。

提示 – 请参阅 AMP 示例中的实时演示，该演示展示了如何将 amp-ad 标签添加到 AMP 页面。

让我们逐步了解添加组件的步骤，以便您可以在 AMP 页面上显示广告。

步骤 1：添加 amp-ad 脚本

amp-ad 组件是 AMP 库的自定义广告扩展。 amp-ad 的底层是经过精心设计的自定义 JavaScript，旨在优化性能。要运行 amp-ad 组件，您必须在 AMP 页面的 head 部分中添加此组件所需的 JavaScript

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

步骤 2：将 amp-ad 标签添加到您的 AMP 页面

100 多个广告服务器和网络提供与 AMP 的内置集成。要为给定的广告网络添加广告，请添加 amp-ad 标签，并在 type 属性中指定网络。

在此示例中，我们将添加一个广告位以从 a9 网络投放广告

<amp-ad type="a9">
</amp-ad>

步骤 3：指定广告单元的大小

将 width 和 height 属性添加到 amp-ad 标签。这指定了您的 AMP 页面上广告的大小

<amp-ad type="a9">
   width="300" height="250"
</amp-ad>

步骤 4：设置广告网络参数

每个网络都有其投放广告所需的特定数据属性。请参阅广告网络的 amp-ad 文档并添加所需的属性。在以下示例中，a9 网络需要其他参数来指定广告的大小和其他详细信息

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
</amp-ad>

步骤 5：（可选）指定占位符

根据广告网络，您可以选择在广告可供查看之前显示占位符。这通过防止出现空白空间来提供更好的用户体验。要指定占位符，请添加具有 placeholder 属性的子元素。在占位符和回退中了解更多信息。

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
   <amp-img placeholder src="placeholder-image.jpg"></amp-img>
</amp-ad>

步骤 6：（可选）指定回退

根据广告网络，您可以选择在没有可投放的广告时显示回退元素。要指定回退，请添加具有 fallback 属性的子元素。在占位符和回退中了解更多信息。

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
   <amp-img fallback src="fallback-image.jpg"></amp-img>
</amp-ad>

恭喜！您现在正在您的 AMP 页面上投放广告！

投放直销 AMPHTML 广告

amp-ad 组件会投放您指定的网络中的广告。这些广告可以是标准 HTML 广告或 AMPHTML 广告，前提是广告网络支持 AMPHTML 广告。要将您的直销广告作为 AMPHTML 广告投放，请按照 AMPHTML 广告规范的要求，使用 AMP HTML 创建广告，并使用投放 AMPHTML 广告的广告服务器。

增强广告请求的目标数据

作为快速提取投放机制的一部分，实时配置 (RTC) 功能允许发布商使用在运行时检索的第一方和第三方目标信息来增强广告请求。RTC 允许每个单独的广告位最多 5 次调用目标服务器，其结果将附加到广告请求中。要在您的广告上使用 RTC，您使用的广告网络必须支持 RTC 和快速提取。

您可以从此 YouTube 视频中了解有关 RTC 的更多信息

观看通过页眉竞价实现的有效 AMP 变现。

或者，从以下 RTC 资源中了解更多信息

最佳实践

以下是一些可以最大限度提高 AMP 页面上广告效果的技巧

展示位置和控制：优化您的广告展示位置

在 AMP 页面上放置与非 AMP 页面相同数量的广告，以产生每个页面的最大收入。
将第一个广告放置在第一个视口下方（即“首屏下方”），以提供最佳用户体验。
除非您使用高级 CSS 或媒体查询，否则确保您的广告单元在页面上居中，以为您的用户提供最佳的移动网络体验。
在您的 AMP 广告资源上启用多尺寸广告请求，以增加广告拍卖压力并提高收入。

需求和定价：为您的广告获得合适的价格

通过所有销售渠道（包括直接和间接渠道）在您的 AMP 页面上销售广告单元，以最大程度地提高 AMP 页面上广告资源的竞争。
对 AMP 页面上的广告资源进行定价，类似于对非 AMP 页面上的广告资源进行定价。监控效果并相应地调整定价。
确保所有广告需求渠道都在竞争您的 AMP 页面上的广告资源，以推动竞争。

广告类型：投放最佳类型的广告

避免使用过多的素材，请遵循 IAB 指南。
避免使用插页式广告或其他导致内容在广告加载时重排的广告格式。
通过将数据加载策略设置为 prefer-viewability-over-views 来优化可见性。
通过支持的播放器或 amp-iframe 在您的视频内容中放置广告，以在所有类型的内容上实现收入。
实施原生广告，使用多尺寸广告请求与展示广告竞争，在增加需求压力的同时，为读者提供优质的用户体验。

创新：提供最具吸引力的广告产品

在辅助 AMP 页面上实施广告以产生增量收入
- 轮播中的广告
- 灯箱中的广告
- ...以及更多
为直销广告实施新的格式，以使您的销售团队能够使用具有高度影响力的创新广告产品
- 粘性广告
- 飞毯