Shopify：修复GA4报告中Sandbox URLs问题

更新时间：2025年3月21号

问题

GA4报告中，网址乱码，结构如/wpm@10e09e41w77fb031apd6c28ceam532d5d9a/custom/web-pixel-118849878@4/sandbox/modern/page-name

原因

这是因为通过Custom Pixel的方式安装GA4，它是在Sandbox里运行，所有会有如上结构的URL。

处理方案

不采用默认跟踪，采用自定义事件主动发送干净的URL，不包含Sandbox的方式。

在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，这样就不会发送默认的页面跟踪。

而实际的页面跟踪会用自定义事件，代码里的这一段就是：

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”，然后做如下设定：

这样GA4报告里的网址都是干净的URL，不包含Sandbox的。

延伸阅读：Shopify中用Custom Pixel安装Google Analytics 4