通过广告将您的 AMP 页面变现
重要提示：此文档不适用于您当前选择的格式 电子邮件！
本指南提供了在您的 AMP 页面上展示广告的说明和最佳实践。
向您的页面添加广告
在非 AMP 页面（传统 HTML）中，如果您想在您的页面上展示广告，您需要包含一段 JavaScript 代码片段，以便从您的广告网络投放广告。出于性能和安全原因，您不能在 AMP 页面中包含第三方 JavaScript。因此，要在 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 页面添加 amp-ad 标签
超过 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 的更多信息
或者，从这些 RTC 资源中了解更多信息
最佳实践
以下是一些最大化您的 AMP 页面上广告效果的技巧
展示位置和控制：优化您的广告展示位置
- 在 AMP 页面上放置与非 AMP 页面相同数量的广告，以产生每个页面的最大收入。
- 将第一个广告放置在第一个视口下方（“首屏下方”），以提供最佳用户体验。
- 除非您使用高级 CSS 或媒体查询，否则请确保您的广告单元在页面上居中，以便为您的用户提供最佳的移动 Web 体验。
- 在您的 AMP 库存中启用多尺寸广告请求，以增加广告竞价压力并提高收入。
需求和定价：为您的广告获得合适的价格
- 在您的 AMP 页面上的所有销售渠道中销售广告单元，包括直接和间接，以最大化 AMP 页面上库存的竞争。
- 对您的 AMP 页面上的广告库存进行定价，类似于您在非 AMP 页面上的库存。监控性能并相应调整定价。
- 确保所有广告需求渠道都在竞争您的 AMP 页面上的广告库存，以提高竞争。
广告类型：提供最佳类型的广告
- 避免根据IAB 指南使用大量素材。
- 避免使用插页式广告或其他在广告加载时导致内容重排的广告格式。
- 通过将数据加载策略设置为 prefer-viewability-over-views，针对可视性进行优化。
- 通过支持的播放器或
amp-iframe将广告放置在您的视频内容中，以在所有类型的内容上实现收入。 - 实施原生广告，使用多尺寸广告请求与展示广告竞争，增加需求压力，同时为您的读者提供优质的用户体验。