使用广告在 AMP 页面上实现盈利

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

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

在您的页面上添加广告

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

提示 – 请参阅AMP By Example 中的实时演示，该演示演示了如何将 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 或媒体查询，否则请确保您的广告单元在页面上居中，以为您的用户提供最佳的移动 Web 体验。
在您的 AMP 库存中启用多尺寸广告请求，以增加广告竞价压力并提高收入。

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

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

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

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

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

在辅助 AMP 页面上实施广告，以产生增量收入
- 轮播中的广告
- 灯箱中的广告
- ...以及更多
为直销广告实施新格式，以便为您的销售团队配备高影响力、创新的广告产品
- 粘性广告
- 飞行地毯