更新时间：2025年6月5号
Shopify 店铺安装 GA4 并不难，真正容易出问题的是：GA4 页面浏览有了，但购买、加购、结账等电商事件不完整；或者为了补足事件，又同时装了多个代码，导致数据重复。
目前，Shopify 店铺安装 GA4 通常有三种方式：
- 使用Google & YouTube APP：最简单，适合需要基础GA4和Google Ads跟踪的店铺。
- 使用Shopify Custom Pixel + Google Tag Manager：可自定义，但受沙盒限制，适合有技术能力的团队。
- 使用第三方Shopify App：成本较高，但通常能获得更完整的事件和实施支持。
这篇文章会帮助你选择合适的方法，并告诉你如何验证数据是否真的进入GA4。
先选择适合你的方法
| 方法 | 适合谁 | 电商事件能力 | 技术难度 | 主要限制 |
|---|---|---|---|---|
| Google & YouTube | 想快速安装 GA4 的商家 | 基础自动跟踪 | 低 | 自定义能力有限 |
| Custom Pixel + GTM | 需要自定义事件、多个营销标签或数据层的团队 | 可按需求实现 | 高 | 在沙盒中运行，调试和浏览器行为跟踪受限 |
| 第三方 App | 需要完整电商事件但不想维护代码的商家 | 通常较完整 | 低 | 需要订阅费，依赖供应商 |
果你只是想获得流量、商品浏览、加购、结账和购买等基础数据，先使用 Google & YouTube。只有在原生方案不能满足你的事件、参数或广告平台需求时，再考虑 Custom Pixel 或第三方应用。
方法一：使用Google & YouTube App安装GA4
Google & YouTube是Shopify 中由Google管理的官方销售渠道。它可以连接 Google Merchant Center、Google Ads、Google Analytics、Google Shopping和YouTube Shopping。
对于大多数Shopify商家，这应该是GA4的首选安装方式。
它如何工作
数据流大致如下：
- 用户浏览 Shopify 店铺、查看商品、加购或完成购买；
- Google & YouTube 销售渠道在店铺中部署 Google 标签；
- Shopify 的部分电商行为被发送到 GA4；
- 你可以在 GA4 的实时报告、DebugView 和电商报告中分析行为及收入。
Shopify 官方说明，连接 GA4 后会自动收集部分电商事件，如page_view、search、view_item、add_to_cart、begin_checkout、add_payment_info和purchase。
优点与限制
优点：
- 不需要编辑主题代码；
- 安装和维护成本低；
- 可直接关联 Google Ads 和 Merchant Center；
- 适合大多数基础 GA4 电商分析需求。
限制：
- 不能像 GTM 一样任意定义数据层和触发条件；
- 某些自定义表单、订阅、复杂促销或自定义结账行为，可能需要额外方案；
- 如果店铺已通过主题代码、GTM 或其他 App 安装 GA4，必须先排查重复部署。、
接下来看具体的设置过程：
Step 1：创建或准备GA4媒体资源
如果还没有 GA4 媒体资源，在GA4中点击「管理」——「创建新媒体资源」：
填写以下信息：
- 网络媒体资源名称：自定义媒体资源的名称
- 报告时区：应与主要经营地区和内部报表习惯一致
- 币种：应与主要销售和财务分析币种一致
设置好后点击「下一步」可以看到如下界面，根据自己的实际情况填写上面的信息:
这里主要设设置行业类别，公司规模和使用目的。
最后点击创建，这样就创建好了GA4的媒体资源。
Step 2：创建数据流
在GA4中点击「管理」——「数据流」——「创建数据流」网站，进入设置数据流的页面：
- 网站网址：设置网站的网址，其实就是填写主域就行，这里填www.ichdata.com
- 数据流名称：自定义数据流名称，一般填网站的名称，这里填GA小站
- 增强型衡量功能：
填好后点击“创建数据流”即可，创建成功会看到网站数据流详情：
这个就是衡量ID。
这样媒体资源就设置好了 ，接下来就是在Shopify里关联GA4。
Step 3：Shopify关联Google Analytics 4
在 Shopify 后台中，点击「在线商店」 —— 「偏好设置」，找到Google Analytics 部分，将上一步获取的跟踪代码黏贴进入：
点击「Manage pixel here」——「Add sales channel」——「Connect」：
接下来就是选择要关联的GA4资源：
点击「Connect」就可以关联。
看到这个就表示关联成功。
Step 4：验证GA4是否收到数据
打开网站，如果条件允许下一个订单，然后在 GA4 的实时报告里看相关事件是否都记录到。
方法二：使用Shopify Custom Pixel和GTM
如果你需要跟踪自定义表单、筛选器、订阅、站内搜索，或需要同时管理 GA4、Meta Pixel、Google Ads、TikTok 等多个标签，可以使用 Shopify Custom Pixel 加载 GTM。
但先说结论：这不是比原生 App 更“高级”的默认方案，而是为了获得更高自定义能力所做的取舍。
Custom Pixel（自定义像素） 是Shopify里的一种工具，允许商家通过添加自定义JavaScript代码来跟踪用户的行为，它是在Shopify的沙盒环境（Sandbox）中运行，通过iframe的形式引入到正式环境。
每一个Custom Pixel都会有单独的一个Sandbox环境，Sandbox的名字结构是web-pixcel-sandbox-Custom*****。
Custom Pixel的优点
- 灵活性：自定义像素允许商家编写自己的代码，以跟踪标准事件之外的特定客户行为，或者将数据发送到不支持现成应用的第三方平台。
- 数据收集：通过订阅Shopify提供的事件（例如page_viewed、product_viewed、checkout_started等），你可以捕获客户互动数据，并将其传递给外部工具（如Google Analytics 4、Facebook Pixel等）。
- 安全性：自定义像素运行在Shopify的沙盒环境（sandbox）中，这种隔离设计增强了安全性，限制了代码对商店其他部分的干扰，同时控制了与第三方共享的数据。
- 无需修改主题代码：相比过去需要手动将像素代码嵌入到theme.liquid或结账脚本中，自定义像素让管理更集中和简便。
必须知道的限制
Custom Pixel是运行在沙盒中，相对线上正式环境，它是通过iframe的形式引入到正式环境，所以它会有一些限制，对于GA4来说，主要是：
- 指标异常，如时间相关的指标跟踪不到，user_engagement事件跟踪不到，scroll事件总是触发，跳出率很低
- 自定义事件跟踪受限，因为它是iframe引入，所以GTM不能直接配置事件跟踪，需要通过Shopify提供的方法analytics.subscribe去实现，不是所有的事件都能跟踪到的
- 由于Shopify环境的限制，Google 无法保证使用自定义像素植入的 Google 代码正常运行。虽然您可能仍会看到数据传输，但许多问题都可能会导致数据收集出现问题，并妨碍 Google 产品核心功能的正常运行。这段话是Google的声明，如会导致指标异常。
接下来看具体的设置过程：
Step 1：Custom Pixcel里安装代码
在Shopify里点击「Settings」——「Customer Events」——「Add Custom Pixel」，给Custom Pixel命名，权限那里都选择不需要，然后就可以添加一下代码（里面的GTM容器ID要换成你自己）。
Step 2：GA4里关闭增强衡量事件
增强型衡量的设置在网站数据流详情：
点击齿轮图标就可以看到增强型衡量功能设置界面：
全部都不勾选，勾选这些会影响指标，如滚动次数，一打开就会触发，因为它是iframe引入，根本没有真正的滚动可言。
Step 3：GTM关闭页面跟踪
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google 代码」，命名为“Disable Default PageView”，然后做如下设定：
因为Custom Pixel是安装在Sandbox里，而Sandbox里的URL是不规则，如是这样的结构/wpm@10e09e41w77fb031apd6c28ceam532d5d9a/custom/web-pixel-118849878@4/sandbox/modern/page-name，所以不能用默认的页面跟踪，但又需要加载Google代码，需要需要将send_page_view设置为false，这样就不会发送默认的页面跟踪。
Step 4：创建页面浏览事件
而实际的页面跟踪会用自定义事件，代码里的这一段就是：
analytics.subscribe('page_viewed', (event) => {
window.dataLayer.push({
'event': 'page_viewed',
'page_location': event.context.window.location.href,
'page_title': event.context.document.title,
});
});
在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」，命名为dlv_page_location，做如下设置：
同理去创建数据层变量dlv_page_title。
在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」，命名为page_viewed，做如下设置：
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics：GA4 事件」，命名为“GA4-Event-PageView”，然后做如下设定：
Step 5：创建电商事件
接下来就是配置自定义事件，电商事件，可以直接用一条Tags去配置，在GTM中点击「代码」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」，命名为All Event，做如下设置：
需要勾选使用正则表达式匹配，正则表达式是：view_item|view_item_list|select_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|add_payment_info|add_shipping_info|purchase|collection_viewed|search_submitted|checkout_contact_info_submitted|checkout_address_info_submitted|form_submitted
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics：GA4 事件」，命名为“GA4-Event-All Event ”，然后做如下设定：
设置事件参数page_location是为了获得准确的URL。
Step 5：测试
由于Custom Pixel是在沙盒里，所以GTM里的直接预览测试这种方式是使用不了的，有两种测试方式：
一种是Custom Pixel里Pixel Helper，在Custom Pixel里点击Test就可以测试：
可以看触发的事件，以及里面的发送的数据:
方法三：使用Shopify第三方应用
如果你需要更完整的电商事件、较成熟的数据层、广告平台模板和供应商支持，第三方 App 往往比自己维护 Custom Pixel 更省时间。
优点
- 通常提供更完整的 GA4 电商事件和参数；
- 可同时支持 Google Ads、Meta Pixel、TikTok Pixel 等；
- 有现成模板、数据层规范和实施支持；
- 对不想长期维护代码的团队更友好。
限制
- 需要付费；
- 数据质量依赖 App 的更新和支持；
- 安装前仍要排查已有的 GA4、GTM、Meta Pixel 代码，避免重复事件；
- 不同套餐支持的结账事件、服务器端跟踪和广告平台功能可能不同，购买前应确认。
总结
Shopify 安装 GA4 的重点不是“让 GA4 出现数据”，而是确保电商事件来源清晰、数据不重复、购买金额和商品信息可用。
- 想快速获得基础数据：使用 Google & YouTube。
- 需要自定义事件和统一管理标签：使用 Custom Pixel + GTM，但接受沙盒和调试限制。
- 需要完整电商实施、广告平台整合和技术支持：使用 第三方 App。
无论选哪种方法，最后都要用测试订单验证：purchase 是否只触发一次、订单 ID 是否正确、金额是否合理、商品是否出现在 items 数组中。只有这一步通过，GA4 电商数据才值得用于广告优化和业务分析。
