AMPHTML 广告简介
什么是 AMPHTML 广告?
AMPHTML 广告是一种更快、更轻、更安全的 Web 广告方式。虽然 AMP 页面支持传统的 HTML 广告,但这些广告的加载速度可能很慢。为了使广告本身像 AMP 页面的其余部分一样快,您可以使用 AMPHTML 构建广告。AMPHTML 广告只有在经过验证后才会投放,从而确保广告安全且性能良好。最重要的是,这些广告可以在 Web 上的任何位置投放,不仅仅是在 AMP 页面上。
AMPHTML 广告根据 AMPHTML 广告规范(AMP HTML + CSS 的变体)用 AMP HTML 编写。这意味着广告不再能够运行任意 JavaScript,而这通常是广告性能不佳的主要原因。因此,就像核心 AMP 一样,核心广告 JavaScript 用例已直接构建到 AMP 开源项目中,从而保证了广告的良好行为。
优点
为什么 AMPHTML 广告比传统广告更好?
- 更快:AMPHTML 广告更快,因为这些广告在页面呈现过程中会较早请求,并在用户即将查看广告之前立即显示。AMPHTML 广告的文件大小减少也提高了速度。
- 更轻:AMPHTML 广告结合了常用的广告功能,从而减少了广告的文件大小。一旦在页面上,AMPHTML 广告也会消耗更少的资源。例如,传统的广告中,10 个跟踪器请求各自的信息,而 AMPHTML 广告则一次收集所有数据并将其分发给任意数量的感兴趣的跟踪器。
- 协同:在 AMP 页面上,AMP 运行时可以协调移动电话的有限资源,以便在正确的时间向正确的组件提供最佳的用户体验。例如,当动画的 AMPHTML 广告不在当前视口中时,会暂停这些动画。
- 更具吸引力:用户无法与他们看不到的广告互动。更快的广告会带来更高的可见性,从而带来更高的点击率,最终带来更好的广告效果。
- 免受恶意软件侵害: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 的广告创建器
- Google Web Designer
- Adobe Animate(即将推出)
广告网络/服务器
要将 AMPHTML 广告投放到 AMP 页面,您需要为您的网络创建一个 amp-ad
扩展程序(除非您已经有一个),该扩展程序使用 快速获取广告请求实现。有关详细信息,请参阅与 AMP 集成以投放展示广告。请记住,无需特殊集成即可将 AMPHTML 投放至非 AMP 页面。
创建 AMPHTML 广告
从头开始:AMPHTML 广告必须遵循 AMPHTML 广告规范。有关演示和示例,请参见示例上的开源 AMPHTML 广告模板。
使用工具:您可以使用以下任何工具来构建 AMPHTML 素材资源
- Celtra 的广告创建器
- 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 问题,以获取有关提交问题的信息。