Shopify 如何安装 Google 代码跟踪器？完整实操指南（GA4 / Google Tag）

17小时前发布生成海报

站内文章 / Shopify

360 0

《Shopify 如何安装 Google 代码跟踪器（Google Tag / GA4）》，避免“装了但没数据、重复统计、转化不准”的常见问题。

在 Shopify 独立站运营中，Google 代码跟踪器是所有广告与数据分析的基础。
无论你是投 Google Ads、Meta、LinkedIn，还是只做自然流量，不装或装错，后面基本等于盲投。

本文以 GA4（Google Analytics 4）+ Google Tag 为核心，讲清三种常见安装方式及适用场景。

一、安装前先搞清楚：你要装的是什么？

很多人一开始就混乱，先明确概念：

1️⃣ Google Analytics 4（GA4）

用于：

统计访问量
分析用户行为
设置转化事件

几乎所有 Shopify 店铺都必须安装

2️⃣ Google Tag（原 gtag.js）

实际执行跟踪代码
GA4、Google Ads 都通过它运行
可以直接装，也可以通过 GTM 管理

3️⃣ Google Tag Manager（GTM）

标签管理工具
适合：

多广告平台
多事件
技术或运营进阶用户

二、方式一：用 Shopify 官方方式安装 GA4（推荐新手）

适合人群

新手卖家
不懂代码
只需要基础数据 + 广告转化

安装步骤

Step 1：创建 GA4 资源

进入 Google Analytics
创建账号 → 创建 GA4 Property
选择 Web
获取 Measurement ID（G-XXXX）

Step 2：在 Shopify 后台安装

Shopify 后台
Settings → Customer events
添加 Google Analytics
粘贴 GA4 Measurement ID

优点

官方支持
安装简单
不易出错

缺点

自定义事件有限
不适合复杂追踪

三、方式二：通过 Shopify 主题代码手动安装（通用）

适合人群

想更灵活控制
不用 GTM
中级卖家

安装步骤

Step 1：获取 Google Tag 代码

在 GA4 → 数据流 → 安装说明 →
复制 gtag.js 全部代码

Step 2：添加到 Shopify 主题

Shopify 后台
Online Store → Themes
Edit code
打开 theme.liquid
粘贴到 <head> 标签内（越靠前越好）

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

注意事项

只装一次，避免重复统计
不要和 Shopify 官方 GA4 同时使用

四、方式三：通过 Google Tag Manager 安装（进阶推荐）

适合人群

同时投放多个广告平台
需要精细转化事件
想长期做数据优化

安装步骤概览

Step 1：创建 GTM 容器

获取 GTM ID（GTM-XXXX）

Step 2：将 GTM 代码安装到 Shopify

<head> 放第一段
<body> 放第二段
（同样在 theme.liquid）

Step 3：在 GTM 中添加 GA4 Tag

Tag 类型：GA4 Configuration
填 Measurement ID
触发器：All Pages

优点

管理所有追踪代码
不用反复改主题
适合后期扩展

五、如何确认是否安装成功？（必做）

方法 1：GA4 实时报告

打开网站
GA4 → Realtime
是否看到活跃用户

方法 2：Google Tag Assistant

浏览器插件
查看是否触发 GA4
检查是否重复安装

六、Shopify 安装 Google 跟踪的常见错误

❌ 同时装官方 GA + 手动代码
❌ 没排除管理员 IP
❌ 没设置转化事件就投广告
❌ 结账页追踪丢失（未用官方方式）
❌ 主题更新后代码被覆盖

七、转化跟踪的下一步（关键）

安装只是第一步，接下来你应该：

设置：

Add to Cart
Begin Checkout
Purchase

对接：

Google Ads 转化
再营销受众

校验：

数据是否一致
是否重复统计

八、总结一句话

Shopify + Google 跟踪的核心不是“装上”，而是“装对 + 可扩展”。

Shopify 如何安装 Google 代码跟踪器？完整实操指南（GA4 / Google Tag）

一、安装前先搞清楚：你要装的是什么？

1️⃣ Google Analytics 4（GA4）

2️⃣ Google Tag（原 gtag.js）

3️⃣ Google Tag Manager（GTM）

二、方式一：用 Shopify 官方方式安装 GA4（推荐新手）

适合人群

安装步骤

Step 1：创建 GA4 资源

Step 2：在 Shopify 后台安装

优点

缺点

三、方式二：通过 Shopify 主题代码手动安装（通用）

适合人群

安装步骤

Step 1：获取 Google Tag 代码

Step 2：添加到 Shopify 主题

注意事项

四、方式三：通过 Google Tag Manager 安装（进阶推荐）

适合人群

安装步骤概览

Step 1：创建 GTM 容器

Step 2：将 GTM 代码安装到 Shopify

Step 3：在 GTM 中添加 GA4 Tag

优点

五、如何确认是否安装成功？（必做）

方法 1：GA4 实时报告

方法 2：Google Tag Assistant

六、Shopify 安装 Google 跟踪的常见错误

七、转化跟踪的下一步（关键）

八、总结一句话

Ta的文章更多 >>

热门文章

Shopify 如何安装 Google 代码跟踪器？完整实操指南（GA4 / Google Tag）

一、安装前先搞清楚：你要装的是什么？

1️⃣ Google Analytics 4（GA4）

2️⃣ Google Tag（原 gtag.js）

3️⃣ Google Tag Manager（GTM）

二、方式一：用 Shopify 官方方式安装 GA4（推荐新手）

适合人群

安装步骤

Step 1：创建 GA4 资源

Step 2：在 Shopify 后台安装

优点

缺点

三、方式二：通过 Shopify 主题代码手动安装（通用）

适合人群

安装步骤

Step 1：获取 Google Tag 代码

Step 2：添加到 Shopify 主题

注意事项

四、方式三：通过 Google Tag Manager 安装（进阶推荐）

适合人群

安装步骤概览

Step 1：创建 GTM 容器

Step 2：将 GTM 代码安装到 Shopify

Step 3：在 GTM 中添加 GA4 Tag

优点

五、如何确认是否安装成功？（必做）

方法 1：GA4 实时报告

方法 2：Google Tag Assistant

六、Shopify 安装 Google 跟踪的常见错误

七、转化跟踪的下一步（关键）

八、总结一句话

Ta的文章 更多 >>

热门文章

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

Ta的文章更多 >>