提升着陆页的加载速度通常可以带来更多转化,而 AMP 可以很好地创建具有吸引力的 Google Ads 着陆页,并且着陆页加载速度更快。amp.dev 为网站开发者提供了所需的资源,助力他们打造出富有吸引力且效果出色的网页。 本分步指南介绍了如何在您的 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-confirmache:允许使用 Mustache.js 渲染。
- amp-date-picker:提供一个用于选择日期的 widget。日期选择器可以呈现为相对于输入字段的叠加层,或静态日历微件。
验证 AMP 网页
在开发过程中,您需要确保自己的 AMP 网页有效。AMP 提供了多种不同的方法来验证文档。验证 AMP 网页的最常见方法是使用网页验证器或 Google 网站站长验证工具。您还可以使用 Chrome 浏览器插件和开发者控制台,或在 build 中集成 amphtml-Verifier npm 模块。
您还可以使用 AMPBench,这是一种开源网页应用和服务,用于验证和调试有关 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 分析附带 40 多家分析服务供应商提供的原生支持。该框架非常灵活,可让您使用自定义配置测量和触发网址,以便将分析信息发送到您自己的服务器或无法提供原生 AMP 支持的供应商。如果您使用的技术目前不受支持,请请求供应商添加支持。
AMP 分析还支持灵活的变量替换;如需了解详情,请参阅变量替换文档。
第 3 步:在 Google Ads 界面中启用 AMP 内容呈现
虽然广告客户可以通过您网页中的链接自动发现 Google 搜索中的 AMP 网页,但广告客户必须在 Google Ads 中明确输入 AMP 网页网址。如需详细了解如何在 Google Ads 界面中设置 AMP 网址,请参阅如何将 AMP 与 Google Ads 搭配使用。
缓存加载目前适用于 Google 搜索结果页上的文字广告,这些广告在大多数主流浏览器(包括 Android Chrome、Android Google 搜索应用和移动版 Safari)上投放。我们在未来几个月中将扩大缓存支持范围。
如果您想在 Google 搜索查看器中测试从 Google AMP 缓存中传送 AMP 网页时的显示效果,请在搜索 AMP 测试工具中输入 AMP 文章,然后点击预览链接。
此外,如果您希望将 Google Ads 流量吸引到 AMP 着陆页,但不希望它们显示在自然搜索结果中,请将相关 AMP 网页的 Disallow 指令添加到 robots.txt
,就像为任何常规网页添加指令一样。
更新着陆页上的 AMP 内容
当用户从 Google AMP Cache 请求 AMP 文档时,该缓存会自动请求更新,以便在缓存内容后为下一位用户提供新内容。使用此模型,对 AMP 文档的更新会自动快速传播;更新后,很少用户会注意到未更新的版本。此外,如果需要,可使用 update-cache API 更新或移除 AMP 缓存中的内容。
AMP 项目每天都会添加新的功能和组件。如果您发现缺少功能,可以贡献或通过创建 GitHub 问题请求添加该功能。
AMP 网页处理无效
当网页失效时,AMP Cache 会在一些请求的处理时间内发现这一情况,并开始重定向到 AMP 网页提供的来源。系统可能需要 1 到 2 天的时间才能恢复为 AMP 缓存提供内容。