针对 Google Ads 着陆页使用 AMP

着陆页加载速度越快,转化次数往往就越多。AMP 是制作加载速度更快且富有吸引力的 Google Ads 着陆页的绝佳方式。amp.dev 为 Web 开发者提供了制作富有吸引力且效果出色的网页所需的资源。本分步指南介绍了如何在 AMP 网页中使用 Google Ads 和其他广告技术。

第 1 步:创建和验证 AMP 网页

创建 AMP 网页

如需了解如何制作基本 AMP 网页,请先参阅 AMP 项目的创建您的首个 AMP 网页教程。如需获取更多实操性分步指导,请完成将 HTML 转换为 AMP添加高级 AMP 功能教程。您可以在 AMP 网站示例AMP 模板中找到 AMP 组件的示例代码和模板。

下列列表介绍了 AMP 网页上使用的部分组件。如需参考,请参阅组件的完整列表

  • amp-bind:根据类似 JavaScript 的事件添加自定义有状态的互动性。
  • amp-form:创建需要用户输入信息的着陆页。
  • amp-list:从 CORS JSON 端点动态提取内容。
  • amp-carousel:用于滚动图库的图片轮播界面。
  • amp-lightbox:在用户与组件互动时,显示该组件的全屏视图。
  • amp-call-tracking 动态替换超链接中的电话号码,以进行来电跟踪。
  • amp-mustache:允许使用 Mustache.js 进行呈现。
  • amp-date-picker:提供用于选择日期的 widget。日期选择器可以作为相对于输入字段的叠加层呈现,也可以作为静态日历 widget 呈现。

验证 AMP 网页

在开发过程中,您需要确保您的 AMP 网页有效。AMP 提供了多种不同的方法来验证您的文档。验证 AMP 网页的最常用方法是使用网页验证工具Google 网站站长工具验证工具。您还可以使用 Chrome 浏览器插件和开发者控制台,或在 build 中集成 amphtml-validator npm 模块

您还可以使用 AMPBench,这是一个开源 Web 应用和服务,可用于验证和调试与 AMP 网页部署相关的问题。

如需有关 AMP 测试的支持,请访问 AMP 项目的获取支持页面。

第 2 步:为转化跟踪和分析设置 AMP

使用 amp-analytics 组件跟踪 Google Ads 转化。如需了解如何进行此设置,请按照为 AMP 着陆页设置 Google Ads 转化衡量中的步骤操作。

Google Analytics

Google Analytics amp-analytics 支持的分析解决方案之一。如需跨 AMP 和非 AMP 网页统一会话,请按照为 AMP 网页设置 Google Analytics 会话统一中的步骤操作。

Google 跟踪代码管理器

amp-analytics 组件内置了对 Google 跟踪代码管理器的支持。除了 Google Ads 转化之外,您还可以使用 Google 跟踪代码管理器添加再营销、DoubleClick Floodlight、Google Universal Analytics 和类似的衡量产品。请参阅兼容代码的完整列表

Adobe Analytics(以前称为 Omniture)

Adobe Analytics 提供了两种使用 amp-analytics 组件实现其网站效果跟踪解决方案的方法:iframe (adobeanalytics_nativeConfig) 和非 iframe (adobeanalytics) 实现。不妨了解每种方法的优缺点和实现细节。

您可以使用 amp-analytics 组件跟踪用户操作和事件。AMP Analytics 提供 40 多家分析服务供应商的原生支持。该框架非常灵活,可让您使用自定义配置衡量和触发网址,以便将分析信息发送到您自己的服务器或不支持原生 AMP 的供应商。如果您使用的技术目前不受支持,请要求供应商添加支持

AMP 分析还支持灵活的变量替换;如需了解详情,请参阅变量替换文档。

第 3 步:在 Google Ads 界面中启用 AMP 广告投放

虽然 Google 搜索中的 AMP 网页会通过网页中的链接自动发现,但广告客户必须在 Google Ads 中明确输入 AMP 网页网址。如需详细了解如何在 Google Ads 界面中设置 AMP 网址,请参阅如何在 Google Ads 中使用 AMP

目前,在大多数主流浏览器(包括 Android Chrome、Android Google 搜索应用和移动 Safari)上投放的 Google 搜索结果页上的文字广告均支持缓存加载。我们在未来几个月中将扩大缓存支持范围。

如果您想测试 AMP 网页在 Google 搜索查看工具中通过 Google AMP Cache 提供时的显示效果,请在 Google 搜索 AMP 测试工具中输入您的 AMP 文章,然后点击预览链接

此外,如果您希望将 Google Ads 流量引导至 AMP 着陆页,但不希望这些网页显示在自然搜索结果中,请像对待任何常规网页一样,向 robots.txt 添加相关 AMP 网页的禁止指令。

更新着陆页上的 AMP 内容

当用户从 Google AMP Cache 请求 AMP 文档时,缓存会自动请求更新,以便在缓存内容后为下一位用户提供新内容。采用这种模式后,AMP 文档的更新会自动快速传播;在您更新后,很少有用户会注意到未更新的版本。此外,如有需要,您还可以使用 update-cache API 更新或移除 AMP 缓存中的内容。

AMP 项目每天都在添加新功能和组件。如果您发现缺少某项功能,可以贡献该功能,也可以通过创建 GitHub 问题来请求添加该功能。

AMP 网页处理方式无效

当网页失效时,AMP Cache 会在几次请求内发现这一点,并开始重定向到提供 AMP 网页的来源。系统可能需要 1 到 2 天才能恢复使用 AMP 缓存服务。