使用广告在 AMP 页面中盈利

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

在您的页面上添加广告

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

提示 – 请查看 AMP By Example 的实时演示，该演示展示了如何向 AMP 页面添加 amp-ad 标签。

让我们逐步了解添加组件的步骤，以便您可以在您的 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 指南。
避免使用插页式广告或其他导致内容在广告加载时重排的广告格式。
通过将 data-loading-strategy 设置为 prefer-viewability-over-views 来优化可见性。
通过支持的播放器或amp-iframe将广告放置在您的视频内容中，以在所有类型的内容中启用收入。
实施原生广告，使用多尺寸广告请求与展示广告竞争，在提高需求压力的同时为您的读者提供优质的用户体验。

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

在辅助 AMP 页面上实施广告以产生额外的收入
- 轮播中的广告
- 灯箱中的广告
- ...和更多
为直接销售的广告实施新的格式，为您的销售团队配备具有影响力的创新广告产品
- 粘性广告
- 飞毯广告