您可以利用 Google Ads 和 Google Analytics(分析)来衡量您网站的行为数据。
准备工作
您可以免费将 Shopify 帐号与 Google Ads 或 Google Analytics(分析)集成。要设置集成,您需要有效的 Google 登录信息、由 Google 提供的 JavaScript 代码框和有效的 Shopify 帐号。
关于如何在 Shopify 网站中设置 Google 代码的操作说明,以“AW-”开头的代码 ID(通常为 Google Ads 帐号)与以“G-”开头的代码 ID(通常是 Google Analytics [分析] 媒体资源)有所不同。
如果您的代码 ID 以“AW-”开头
要通过 Google Ads 设置 Google 代码,最简单快捷的方法是使用 Shopify 上的 Google & YouTube 应用设置转化跟踪。
如果不想使用 Shopify 上的 Google & YouTube 应用,您可以手动设置 Google 代码。我们仅建议高级用户进行手动设置,因为手动设置可能非常复杂,并且会提高转化事件重复的可能性,导致跟踪数据不准确。
如要继续,请按照本文中的步骤手动设置您的 Google 代码。
1. 手动添加 Google 代码
- 登录您的 Google Ads 帐号。
- 点击右上角的工具图标,然后点击“设置”下的 Google 代码。
- 前往“配置”标签页。
- 在“您的 Google 代码”部分中,点击安装说明。
- 在“安装说明”页面上,选择“手动添加”。
- 在 Shopify 中,从左侧面板中依次选择“Online Store”(网店)> Themes(主题)选项,然后依次选择当前所用主题上的三点状按钮 >“Edit Code”(修改代码)下拉菜单。
- 在“Layout”(布局)下,选择 {/}theme.liquid。
- 在“theme.liquid”文件中,确认不存在 Google 跟踪代码。如果此页面上存在类似如下的代码块,则表示您可能已经安装了 Google 产品,因此请在替换之前仔细检查。
- 若要在您的网站和 Google Ads 之间建立连接,请复制并粘贴下面的 Google 代码。将下面这段开头为
<!-- Google tag (gtag.js) -->
、结尾为</script>
的代码粘贴到<head>
元素之后。 - 点击保存完成操作。
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=Tag_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'Tag_ID');
</script>
2. 在 Google Ads 中查看转化操作
确认您的配置生效后,您可以查看转化数据,以便审阅数据、执行管理更改或更新转化目标。请参阅以下信息,了解相关操作以及您可以在 Google Ads 中做出的更新。
- 登录您的 Google Ads 帐号。
- 点击帐号右上角的“工具与设置”图标 。从下拉菜单中选择“衡量”。
- 点击“转化次数”。
有关转化操作的重要信息:
不妨了解如何解读转化跟踪数据
3. 验证转化跟踪设置并排查问题
Tag Assistant 可以帮助您为 Google Ads 验证 Google 跟踪代码管理器的安装情况并排查相关问题。请按照以下步骤,验证转化跟踪的实现情况。您只能用 Tag Assistant 对“未验证”或“代码处于不活跃状态”的转化操作进行问题排查。详细了解跟踪状态。
- 登录您的 Google Ads 帐号。
- 点击右上角的“工具与设置”图标 ,然后点击“衡量”下的“转化”。
- 在“摘要”表格中,查看“状态”列,找出标为“未验证”或“代码处于不活跃状态”的条目。
- 点击“操作”列中的问题排查。
- 点击开始,在新窗口中打开 Tag Assistant。
- 输入您要进行问题排查的网页网址。
- 最好输入着陆页或首页网址,而不是直接输入转化页网址。访问着陆页后,您可以前往转化页。
- 点击连接,在浏览器的新标签页中打开您的网页。
- “摘要”表格和 Tag Assistant 窗口会继续保持打开状态,以便随后使用。请勿关闭这些标签页。如果跟踪的转化是“表单提交”,请在 Tag Assistant连接的网站上进行表单提交测试。将标签页切换到预览窗口,验证代码是否在正确的位置触发。
- 刷新 Google Ads 帐号的“转化”页面。跟踪状态会在一分钟内更改为“最近无转化”。
- 在预览窗口中验证完代码触发状态后,请返回测试转化操作的网页,然后点击完成。
通过 Google Tag Assistant 验证实现情况(且广告系列投放成功)后,请等待至少 24 小时,然后重新访问 Google Ads 中的“转化操作”部分。
了解跟踪状态
虽然您只能使用 Tag Assistant 对“未验证”或“代码处于不活跃状态”的转化进行问题排查,但 Google Ads 还可能显示其他多种状态。详细了解如何对转化跟踪状态进行问题排查。
如果您的代码 ID 以“G-”开头
要通过 Google Analytics(分析)设置跟踪,最简单快速的方法是使用 Google & YouTube 应用。请注意,此集成是 Shopify 的自带功能。要通过 Shopify 设置 Google Analytics(分析)跟踪,请按以下步骤操作。
- 登录您的 Shopify 帐号。
- 在左侧面板菜单中,打开 Online store(网店)下拉菜单,然后从列表中选择 Preferences(偏好设置)。
- 前往“Google Analytics(分析)帐号”部分。点击 Manage pixel here(管理 Pixel)。
- 如果未安装 Shopify 应用,请查看所需的权限列表,然后按下底部的添加销售渠道以继续。
- 如果应用未与 Google 关联,请点击 Connect(关联),然后选择拥有您的 Google Analytics(分析)媒体资源的 Google 帐号。
- 从下拉列表中选择您的 Google 代码 ID,然后点击 Connect your Google Analytics 4 property(关联 Google Analytics(分析)4 媒体资源)。
手动添加 Google 代码
如果不想使用 Shopify 上的 Google & YouTube 应用,您可以手动设置 Google Analytics(分析)。我们仅建议高级用户进行手动设置,因为手动设置可能非常复杂,并且会提高出错的可能性,导致跟踪数据不准确。
如果您更愿意通过 Google Analytics(分析)手动设置跟踪,请按以下步骤操作。
- 在 Google Analytics(分析)中,进入“管理”屏幕。
- 在“数据流”中,点击相应数据流即可查看详细信息。
页面上会显示 Google Analytics(分析)设置和 Google 代码设置。 - 在页面底部的“您的 Google 代码”部分中,点击安装说明。
- 在“安装说明”页面上,选择“手动添加”。
- 在 Shopify 中,从左侧面板中依次选择“Online Store”(网店)> Themes(主题)选项,然后依次选择有效主题上的三点状按钮 >“Edit Code”(修改代码)下拉菜单。
- 在“Layout”(布局)下,选择 {/}theme.liquid。
- 在“theme.liquid”文件中,确认不存在 Google 跟踪代码。如果此页面上的代码类似于下面的代码块,则表示您可能已经安装了 Google 产品,因此请在替换之前仔细检查
- 要在您的网站和 Google Ads 之间建立连接,请复制并粘贴下面的 Google 代码。将以下代码粘贴到
<head>
元素之后,代码开头为:<!-- Google tag (gtag.js) -->
,结尾是</script>
。点击保存即可完成。
<script async src="https://www.googletagmanager.com/gtag/js?id=Tag_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'Tag_ID');
</script>