Intro to AMPHTML ads

Important: this documentation is not applicable to your currently selected format stories!

什么是 AMPHTML 广告？

AMPHTML 广告是一种更快速、更精简且更安全地在网页上投放广告的方式。虽然 AMP 网页支持传统的 HTML 广告，但这些广告的加载速度可能很慢。要让广告本身与 AMP 网页的其余内容一样快速显示，您可以制作 AMPHTML 格式的广告。AMPHTML 广告仅在经过验证后才会投放，可确保广告的安全性和良好表现。最重要的是，此类广告可以在网络上的任何位置（而不只是在 AMP 网页上）投放。

AMPHTML 广告是按照 AMPHTML 广告规范使用 AMP HTML 编写的（AMP HTML 的一种变体 + CSS）。这意味着广告无法再运行任意 JavaScript，而任意 JavaScript 正是导致传统广告表现很差的首要原因。因此，与核心 AMP 一样，核心广告 JavaScript 用例也内置于 AMP 开放源代码项目中，以保证广告实现良好行为。

优势

AMPHTML 广告比传统广告更好的原因何在？

更快速：AMPHTML 广告的加载速度更快，因为系统会在网页呈现过程的早期请求广告，并在用户即将查看广告之前立即展示广告。此外，AMPHTML 广告文件更小，可提升加载速度。
更精简：AMPHTML 广告捆绑了常用的广告功能，可让广告的文件更小。投放到网页中以后，AMPHTML 广告消耗的资源也更少。例如，常规广告中有 10 个跟踪器分别请求各自所需的信息；而 AMPHTML 广告会一次性收集所有数据，并将这些数据分发到任意数量的相关跟踪器。
协调性：在 AMP 网页上，AMP runtime 可在正确的时间将手机有限的资源协调给正确的组件，以提供最佳的用户体验。例如，如果包含动画的 AMPHTML 广告不在当前视口中，则广告会暂停。
更具吸引力：用户无法与系统不显示的广告进行互动。更快的广告加载速度使可见度更高，继而产生更高的点击率，最终带来更好的广告效果。
免受恶意软件侵害：谁都无法通过 AMPHTML 广告传播恶意软件，因为广告需要先经过验证才能投放。因此，广告主可以确保安全的用户体验，并打造正面的品牌形象。
更灵活：AMPHTML 广告适用于 AMP 网页和非 AMP 网页以及任何设备。

格式

AMPHTML 广告具有灵活性和动态性，并支持许多广告格式，例如轮播、视差和灯箱等。要开始使用，您可以利用 Examples 中的开放源代码 AMPHTML 广告模板。


轮播	视频视差	灯箱

AMPHTML 广告的工作原理

向 AMP 网页投放 AMPHTML 广告

发布商通过 amp-ad 标记在 AMP 网页上插入广告位，并指定想要使用的广告网络。
AMP Runtime 向指定的广告网络发送广告请求以获取广告。能够投放 AMPHTML 广告的广告网络会提供快速获取实现，以验证广告并进行签名。
广告网络以 AMPHTML 广告作出响应，并由 AMP Runtime 在 AMP 网页上呈现该广告。

No special integration is needed to serve AMPHTML ads to non-AMP pages. Check with your ad network to see if they support AMPHTML ads.

投放 AMPHTML 广告

发布商

要投放 AMPHTML 格式的直销型广告，您必须按照 AMPHTML 广告规范制作广告，并使用支持 AMPHTML 广告投放的广告服务器投放广告。目前，以下广告服务器支持 AMPHTML 广告：

DFP 广告管理系统
TripleLift
Dianomi
Adzerk
Google AdSense

要通过间接渠道（例如广告交易平台、SSP 等）投放 AMPHTML 广告，请使用相关列表中列出的支持 AMPHTML 广告的广告网络/广告服务器。

广告代理机构

如果您是广告代理机构，则必须按照 AMPHTML 广告规范制作广告。要寻求灵感并查看示例，请参阅 Examples 中的开放源代码 AMPHTML 广告模板。此外，您也可以使用以下任一工具制作 AMPHTML 广告：

Celtra 的 Ad Creator
Google Web Designer
Adobe Animate（即将推出）

广告网络/广告服务器

要向 AMP 网页投放 AMPHTML 广告，您必须为您的广告网络创建使用快速获取广告请求实现的 amp-ad 扩展组件（除非您已拥有此扩展组件）。有关详情，请参阅与 AMP 集成以投放展示广告。请注意，您无需进行任何特殊的集成即可向非 AMP 网页投放 AMPHTML 广告。

制作 AMPHTML 广告

从头开始：AMPHTML 广告必须遵循 AMPHTML 广告规范的要求。要查看演示和示例，请参阅 AMP by Example 中的开放源代码 AMPHTML 广告模板。

使用工具：您可以使用以下任一工具制作 AMPHTML 广告：

Celtra 的 Ad Creator
Google Web Designer
Adobe Animate（即将推出）

验证 AMPHTML 广告语法

制作好 AMPHTML 广告以后，您应该确保广告使用了正确的 AMPHTML 语法。根据您的开发环境，您可以选择通过以下几种方式验证 AMPHTML 广告：

使用 AMP 验证工具 NPM 模块将验证集成到您的 build CI 中。
使用 AMP 验证工具进行一次性测试。
与 Cloudflare 合作并使用其公共验证工具端点。

要在 AMP 网页上快速呈现 AMPHTML 广告（即，使用快速获取中的优先呈现功能），则语法必须正确无误。如果语法无效，则广告仍会呈现，只是加载速度不会那么快。

在 RTB 中支持 AMPHTML 广告

对于想要在实时出价 (RTB) 环境中支持 AMPHTML 广告的 SSP 和广告交易平台，请参阅针对 RTB 广告交易平台的实现指南以了解详情。

常见问题解答

有 AMPHTML 广告示例吗？

有。您可以在 Examples 中找到许多精美的 AMPHTML 广告模板。这些示例使用了 AMP 中的高级组件。

AMPHTML 广告支持第三方验证和可见度检测吗？

支持，使用 amp-analytics 即可实现对验证和可见度检测的原生支持（例如，Google 的 ActiveView 集成了这种方式）。MOAT 等其他供应商也在积极实现相关支持。

AMPHTML 广告支持基于时间轴的动画吗？

大多数广告都拥有可点按的目标和可配置的广告退出事件。AMPHTML 广告拥有类似的机制吗？

有。请参阅 amp-ad-exit。

我找不到我需要的东西，可以在哪里提问？

建议您在 Stack Overflow 上查找 AMP 相关问题的解答；由于 AMP 项目社区成员会定期查看 Stack Overflow，因此通过 Stack Overflow 提问时可以最快得到解答。
要获取解决方案和解答，请加入 Slack #a4a-discuss 渠道。
如果您遇到 AMP 方面的错误或有与 AMP 相关的功能请求，请参阅报告 AMP 问题，了解如何提交问题。