通知

“Google Analytics(分析):GA4 配置”代码现已更名为 Google 代码。自 9 月起,网络容器中的 GA4 配置代码将会自动迁移。您的现有衡量不会发生任何变化,您也无需采取任何行动。了解详情

Shopify:设置您的 Google 代码

您可以利用 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 代码

  1. 登录您的 Google Ads 帐号
  2. 点击右上角的工具图标,然后点击“设置”下的 Google 代码
  3. 前往“配置”标签页。
  4. 在“您的 Google 代码”部分中,点击安装说明
  5. 在“安装说明”页面上,选择“手动添加”。
  6. 在 Shopify 中,从左侧面板中依次选择“Online Store”(网店)> Themes(主题)选项,然后依次选择当前所用主题上的三点状按钮 >“Edit Code”(修改代码)下拉菜单。
  7. 在“Layout”(布局)下,选择 {/}theme.liquid
  8. 在“theme.liquid”文件中,确认不存在 Google 跟踪代码。如果此页面上存在类似如下的代码块,则表示您可能已经安装了 Google 产品,因此请在替换之前仔细检查。
  9. 若要在您的网站和 Google Ads 之间建立连接,请复制并粘贴下面的 Google 代码。将下面这段开头为 <!-- Google tag (gtag.js) -->、结尾为 </script> 的代码粘贴到 <head> 元素之后。
  10. 点击保存完成操作。
<!-- 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>
注意:网站的每个网页只能添加一段 Google 代码。

2. 在 Google Ads 中查看转化操作

确认您的配置生效后,您可以查看转化数据,以便审阅数据、执行管理更改或更新转化目标。请参阅以下信息,了解相关操作以及您可以在 Google Ads 中做出的更新。

  1. 登录您的 Google Ads 帐号
  2. 点击帐号右上角的“工具与设置”图标 工具和设置菜单图标 [齿轮]。从下拉菜单中选择“衡量”。
  3. 点击“转化次数”。

有关转化操作的重要信息:

  • 您可以在 Google Ads 中修改转化操作的名称和其他设置。
  • 只有“购买”转化类型才会启用帐号默认转化目标选项。您可以选择要纳入到“转化次数”列中的转化操作。
  • 转化时间范围设为 90 天。

不妨了解如何解读转化跟踪数据

3. 验证转化跟踪设置并排查问题

Tag Assistant 可以帮助您为 Google Ads 验证 Google 跟踪代码管理器的安装情况并排查相关问题。请按照以下步骤,验证转化跟踪的实现情况。您只能用 Tag Assistant 对“未验证”或“代码处于不活跃状态”的转化操作进行问题排查。详细了解跟踪状态

  1. 登录您的 Google Ads 帐号
  2. 点击右上角的“工具与设置”图标 工具和设置菜单图标 [齿轮],然后点击“衡量”下的“转化”。
  3. 在“摘要”表格中,查看“状态”列,找出标为“未验证”或“代码处于不活跃状态”的条目。
  4. 点击“操作”列中的问题排查
  5. 点击开始,在新窗口中打开 Tag Assistant。
  6. 输入您要进行问题排查的网页网址。
    • 最好输入着陆页或首页网址,而不是直接输入转化页网址。访问着陆页后,您可以前往转化页。
  7. 点击连接,在浏览器的新标签页中打开您的网页。
    • “摘要”表格和 Tag Assistant 窗口会继续保持打开状态,以便随后使用。请勿关闭这些标签页。如果跟踪的转化是“表单提交”,请在 Tag Assistant连接的网站上进行表单提交测试。将标签页切换到预览窗口,验证代码是否在正确的位置触发。
  8. 刷新 Google Ads 帐号的“转化”页面。跟踪状态会在一分钟内更改为“最近无转化”。
  9. 在预览窗口中验证完代码触发状态后,请返回测试转化操作的网页,然后点击完成

通过 Google Tag Assistant 验证实现情况(且广告系列投放成功)后,请等待至少 24 小时,然后重新访问 Google Ads 中的“转化操作”部分。

了解跟踪状态

虽然您只能使用 Tag Assistant 对“未验证”或“代码处于不活跃状态”的转化进行问题排查,但 Google Ads 还可能显示其他多种状态。详细了解如何对转化跟踪状态进行问题排查


如果您的代码 ID 以“G-”开头

要通过 Google Analytics(分析)设置跟踪,最简单快速的方法是使用 Google & YouTube 应用。请注意,此集成是 Shopify 的自带功能。要通过 Shopify 设置 Google Analytics(分析)跟踪,请按以下步骤操作。

  1. 登录您的 Shopify 帐号
  2. 在左侧面板菜单中,打开 Online store(网店)下拉菜单,然后从列表中选择 Preferences(偏好设置)。
  3. 前往“Google Analytics(分析)帐号”部分。点击 Manage pixel here(管理 Pixel)。
    1. 如果未安装 Shopify 应用,请查看所需的权限列表,然后按下底部的添加销售渠道以继续。
    2. 如果应用未与 Google 关联,请点击 Connect(关联),然后选择拥有您的 Google Analytics(分析)媒体资源的 Google 帐号。
  4. 从下拉列表中选择您的 Google 代码 ID,然后点击 Connect your Google Analytics 4 property(关联 Google Analytics(分析)4 媒体资源)。
注意:如果您打算使用 Google Analytics(分析)来跟踪非付费商品详情和广告的转化情况,请查看如何避免跟踪事件重复,确保您没有重复进行转化跟踪。

手动添加 Google 代码

如果不想使用 Shopify 上的 Google & YouTube 应用,您可以手动设置 Google Analytics(分析)。我们仅建议高级用户进行手动设置,因为手动设置可能非常复杂,并且会提高出错的可能性,导致跟踪数据不准确。

如果您更愿意通过 Google Analytics(分析)手动设置跟踪,请按以下步骤操作。

  1. Google Analytics(分析)中,进入“管理”屏幕。
  2. 在“数据流”中,点击相应数据流即可查看详细信息。
    页面上会显示 Google Analytics(分析)设置和 Google 代码设置。
  3. 在页面底部的“您的 Google 代码”部分中,点击安装说明
  4. 在“安装说明”页面上,选择“手动添加”。
  5. 在 Shopify 中,从左侧面板中依次选择“Online Store”(网店)> Themes(主题)选项,然后依次选择有效主题上的三点状按钮 >“Edit Code”(修改代码)下拉菜单。
  6. 在“Layout”(布局)下,选择 {/}theme.liquid
  7. 在“theme.liquid”文件中,确认不存在 Google 跟踪代码。如果此页面上的代码类似于下面的代码块,则表示您可能已经安装了 Google 产品,因此请在替换之前仔细检查
  8. 要在您的网站和 Google Ads 之间建立连接,请复制并粘贴下面的 Google 代码。将以下代码粘贴到 <head> 元素之后,代码开头为:<!-- Google tag (gtag.js) -->,结尾是 </script>。点击保存即可完成。
<!-- 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>

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
12958807327649911584
true
搜索支持中心
true
true
true
true
true
102259
false
false