AMPHTML 广告入门
重要提示:此文档不适用于您当前选择的格式 email!
什么是 AMPHTML 广告?
AMPHTML 广告是一种更快、更轻、更安全的 Web 广告方式。虽然 AMP 页面支持传统的 HTML 广告,但这些广告加载速度可能很慢。为了使广告本身与 AMP 页面的其余部分一样快,您可以使用 AMPHTML 构建广告。AMPHTML 广告只有在经过验证后才会投放,从而确保广告的安全性和性能。最重要的是,这些广告可以投放到 Web 上的任何位置,而不仅仅是在 AMP 页面上。
AMPHTML 广告使用 AMP HTML 编写,符合 AMPHTML 广告规范(AMP HTML + CSS 的变体)。这意味着广告不再能够运行任意 JavaScript,而这通常是导致广告性能不佳的首要原因。因此,就像核心 AMP 一样,核心广告 JavaScript 用例直接构建到 AMP 开源项目中,从而保证广告的良好行为。
优点
为什么 AMPHTML 广告比传统广告更好?
- 速度更快:AMPHTML 广告速度更快,因为广告在页面渲染过程中会更早地被请求,并在用户即将查看广告之前立即显示。AMPHTML 广告的文件大小缩小也提高了速度。
- 更轻量:AMPHTML 广告结合了常用的广告功能,从而减少了广告的文件大小。在页面上显示后,AMPHTML 广告也消耗更少的资源。例如,传统的广告中可能有 10 个跟踪器请求自己的信息,而 AMPHTML 广告会收集所有数据一次,并将其分发给任何数量的感兴趣的跟踪器。
- 协调:在 AMP 页面上,AMP 运行时可以协调移动电话的有限资源,在正确的时间将其分配给正确的组件,以提供最佳的用户体验。例如,当动画 AMPHTML 广告不在当前视口中时,会暂停动画。
- 更具吸引力:用户无法与他们看不到的广告互动。更快的广告可以提高可见性,从而提高点击率,最终提高广告效果。
- 免受恶意软件侵害:AMPHTML 广告不可能传播恶意软件,因为广告在投放之前会经过验证。因此,广告商可以确保安全的用户体验和积极的品牌认知。
- 更灵活:AMPHTML 广告旨在在 AMP 和非 AMP 网页以及任何设备上运行。
格式
AMPHTML 广告灵活且动态,允许使用许多创意格式,例如轮播、视差和灯箱等等。通过利用 示例上的开源 AMPHTML 广告模板开始使用。
轮播 | 视频视差 | 灯箱 |
AMPHTML 广告的工作原理
- 发布商通过
amp-ad
标记在其 AMP 页面上插入广告位,指定他们希望使用的广告网络。 - AMP 运行时向指定的广告网络发送广告请求以检索广告。能够投放 AMPHTML 广告的广告网络提供快速提取实现,该实现会验证和签名创意。
- 广告网络使用 AMPHTML 广告进行响应,AMP 运行时在 AMP 页面上呈现广告。
投放 AMPHTML 广告
发布商
要在 AMPHTML 中投放您的直销广告格式,您必须根据 AMPHTML 广告规范创建广告,并使用支持 AMPHTML 广告投放的广告服务器投放广告。目前,以下广告服务器支持 AMPHTML 广告
- DoubleClick for Publishers
- TripleLift
- Dianomi
- Adzerk
- Google AdSense
要通过您的间接渠道(例如,交易平台、SSP 等)投放 AMPHTML 广告,请在以下列表中使用支持的广告网络/广告服务器。
创意机构
如果您是创意机构,则必须根据 AMPHTML 广告规范创建广告。有关灵感和示例,请参阅 示例上的开源 AMPHTML 广告模板。或者,使用以下工具之一来创建 AMPHTML 广告
- Celtra 的 Ad Creator
- Google Web Designer
- Adobe Animate(即将推出)
广告网络/服务器
要向 AMP 页面投放 AMPHTML 广告,您需要为您的网络创建一个 amp-ad
扩展程序(除非您已经有一个),该扩展程序使用 快速提取广告请求实现。有关详细信息,请参阅 与 AMP 集成以投放展示广告。请记住,无需特殊集成即可向非 AMP 页面投放 AMPHTML。
创建 AMPHTML 广告
从头开始:AMPHTML 广告必须遵循 AMPHTML 广告规范。有关演示和示例,请参阅 示例上的开源 AMPHTML 广告模板。
使用工具:您可以使用以下任何工具来构建 AMPHTML 创意
- Celtra 的 Ad Creator
- Google Web Designer
- Adobe Animate(即将推出)
验证 AMPHTML 广告语法
创建 AMPHTML 广告后,您应该确保广告使用正确的 AMPHTML 语法。根据您的开发环境,您有几种选项可以验证您的 AMPHTML 广告
- 使用 AMP 验证器 NPM 模块将验证集成到您的构建 CI 中。
- 使用 AMP 验证器进行一次性测试。
- 与 Cloudflare 合作,并使用其公共验证器端点。
在 RTB 中支持 AMPHTML 广告
对于希望在实时竞价 (RTB) 环境中支持 AMPHTML 广告的 SSP 和广告交易平台,请参阅 RTB 广告交易平台的实施指南,了解详细信息。
常见问题解答
是否有任何 AMPHTML 广告示例?
是。在 示例上可以找到许多外观精美的 AMPHTML 广告模板。这些示例在 AMP 中使用了高级组件。
AMPHTML 广告是否支持第三方验证和可见性检测?
是的,使用 amp-analytics
对验证和可见性检测提供本机支持(例如,Google 的 ActiveView 以这种方式集成)。还有其他供应商,如 MOAT,也在积极实施对其的支持。
AMPHTML 广告是否支持基于时间轴的动画?
是的。请参阅 amp-animation
。
大多数广告都有可点击的目标和可配置的广告退出。AMPHTML 广告是否有类似的机制?
是的。请参阅 amp-ad-exit
。
我找不到我需要的内容,可以在哪里提问?
- Stack Overflow 是我们推荐的查找有关 AMP 问题答案的方式;由于 AMP 项目社区的成员会定期监控 Stack Overflow,因此您可能会在那里收到最快的答案。
- 加入 Slack #a4a-discuss 频道,获取解决方案和答案。
- 如果您在 AMP 中遇到错误或有 AMP 的功能请求,请参阅 报告 AMP 的问题,了解有关提交问题的信息。