提高着陆页的加载速度往往会 带来更多转化,而 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: 提供用于选择日期的微件。日期选择器可以呈现为相对于输入字段的叠加层,也可以呈现为静态日历微件。
验证 AMP 网页
在开发过程中,您需要确保 AMP 网页有效。AMP 提供了 多种不同的 方法 来验证文档。验证 AMP 网页最常见的方法是 使用 网页验证工具 或 Google 网站站长 工具验证工具。您还可以使用 Chrome 浏览器 插件 和开发者控制台,或在构建中集成 amphtml-validator npm 模块。
您还可以使用 AMPBench,这是一个开源 Web 应用和服务,可用于验证 AMP 网页的部署并调试相关问题。
如需获得 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 跟踪代码管理器添加再营销、DoubleClick Floodlight、Google Universal Analytics 和类似的效果衡量产品。请参阅兼容代码的完整列表 。
Adobe Analytics(以前称为 Omniture)
Adobe Analytics 提供了两种方法,用于通过
amp-analytics
组件实现其网站效果
跟踪解决方案:iframe (adobeanalytics_nativeConfig) 和非 iframe
(adobeanalytics) 实现。了解每种方法的优缺点和实现
详情
。
集成其他常见的 Google Ads 相关技术
您可以使用 amp-analytics 组件跟踪用户操作和事件。AMP Analytics 原生支持来自 40 多家分析服务供应商的分析。该框架非常灵活,可让您 使用自定义 配置 来衡量和触发网址,以便将分析信息发送到您自己的服务器或不支持 AMP 原生支持的供应商。如果您使用的技术目前不受 支持,请让您的供应商添加 支持。
AMP Analytics 还支持灵活的变量替换;如需了解详情,请参阅 变量 替换 文档。
第 3 步:在 Google Ads 界面中启用 AMP 投放
虽然 Google 搜索中的 AMP 网页是通过网页中的链接 自动发现的,但广告客户必须在 Google Ads 中明确输入 AMP 网页网址。如需详细了解如何在 Google Ads 界面中设置 AMP 网址,请参阅如何在 Google Ads 中使用 AMP。
此外,如果您想将 Google Ads 流量引导至 AMP 着陆页,但不希望这些着陆页显示在自然搜索结果中,请像处理任何常规网页一样,为相关 AMP
网页向 robots.txt 添加 Disallow 指令。
AMP 项目每天都在添加新功能和组件。如果您 发现缺少某些功能,可以 贡献代码或通过提交 GitHub 问题来请求添加这些功能。