加载速度更快的着陆页通常会带来更多转化,而 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。
验证 AMP 网页
在开发过程中,请验证您的 AMP 网页是否符合 AMP 规范。AMP 提供了多种验证方法。 验证 AMP 网页的最常见方法是使用 AMP 网页验证工具或 Search Console AMP 测试。您还可以使用 AMP 验证工具 Chrome 扩展程序和开发者控制台,或在 build 中集成 amphtml-validator npm 模块。
如需 AMP 测试方面的支持,请访问 AMP 支持页面。
第 2 步:设置 AMP 以进行转化跟踪和分析
Google Ads 转化跟踪
使用 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 跟踪代码管理器添加再营销、Floodlight 和类似的衡量产品。查看兼容代码的完整列表。
Adobe Analytics
Adobe Analytics 提供了两种方法,可使用 amp-analytics 组件实现其网站效果跟踪解决方案:iframe (adobeanalytics_nativeConfig) 和非 iframe (adobeanalytics)。如需了解每种方法的优缺点和实现细节,请参阅 Adobe Analytics AMP 文档。
集成其他常见的 Google Ads 相关技术
您可以使用 amp-analytics 组件来跟踪用户操作和事件。AMP 分析获得了 40 多家分析服务供应商的原生支持。该框架非常灵活,可让您使用自定义配置来衡量和触发网址,以便将分析信息发送到您自己的服务器或不支持原生 AMP 的供应商。如果您使用的技术不受支持,请让您的供应商添加支持。
AMP 分析还支持灵活的变量替换;如需了解详情,请参阅变量替换文档。
第 3 步:在 Google Ads 界面中启用 AMP 投放
虽然 Google 搜索中的 AMP 网页是通过网页中的链接自动发现的,但广告客户必须在 Google Ads 中明确输入 AMP 网页网址。如需详细了解如何在 Google Ads 界面中设置 AMP 网址,请参阅如何在 Google Ads 中使用 AMP。
此外,如果您希望将 Google Ads 广告流量引导至 AMP 着陆页,但不希望这些网页出现在自然搜索结果中,请在 robots.txt 文件中为相关 AMP 网页添加 Disallow 指令,就像为任何常规网页添加指令一样。