AMPHTML 广告入门
重要提示:此文档不适用于您当前选择的格式 故事!
什么是 AMPHTML 广告?
AMPHTML 广告是一种在网络上投放广告的更快、更轻量和更安全的方式。虽然 AMP 页面支持传统的 HTML 广告,但这些广告加载速度可能很慢。为了使广告本身与 AMP 页面的其余部分一样快,您可以使用 AMPHTML 构建广告。AMPHTML 广告只有在经过验证后才能投放,以确保广告的安全性和高性能。最重要的是,这些广告可以投放到网络上的任何地方,不仅仅是 AMP 页面。
AMPHTML 广告是根据 AMPHTML 广告规范(AMP HTML + CSS 的变体)用 AMP HTML 编写的。这意味着广告不再能够运行任意 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 (即将推出)
广告网络/服务器
要将 AMPHTML 广告投放到 AMP 页面,您需要为您的网络创建一个 amp-ad
扩展程序(除非您已经有一个),该扩展程序使用 快速提取广告请求实现。有关详细信息,请参阅 与 AMP 集成以投放展示广告。请记住,无需特殊集成即可将 AMPHTML 投放到非 AMP 页面。
创建 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 问题以获取有关提交问题的信息。