AMZ123跨境卖家导航
拖动LOGO到书签栏,立即收藏AMZ123
首页跨境头条文章详情

独立站网站数据分析(7)-如何使用GA4及Google Tag Manager设置Shopify网站追踪事件( 附48张截图)

13978
2022-12-02 12:30
2022-12-02 12:30
13978

想系统掌握亚马逊广告的投放逻辑与底层闭环?点击免费学习《亚马逊广告基础逻辑》

这是一篇写给代码麻瓜们看的Google Tag Manager事件设置实操,即使你是新手,按照这个教程,你就可以学会Google analytics 4和Google tag manager的事件设置,这也是独立站运营人员必须掌握的技能。

这是网站数据分析教程的第7篇文章,在第1篇文章中,我们提到了数据产生巨大价值来源于前期花80%的时间去做好数据的规划和埋点。前期如果不做数据埋点,谈后期的分析和价值那就是扯淡。

图片

在第2篇文章中,我们讲到了数据的5+1要素,如何借助这些要素规划好我们想要追踪的事件。

图片

那么在今天的文章中,我将应用前几篇所讲的理论,借助Google Analytics和Google Tag Manager安装并配置好这些事件,实操过程中将采用我们教学使用的独立站,你可以直接访问这个网站对照着看。理论结合实操,走起!

本篇文章的内容目录如下:

一、GA4GTM的安装和基础设置

1.1 GA4账户创建

1.2 GTM账户创建及基础配置

1.3 关联GTM和GA4

二、Shopify网站需要追踪的常见事件

三、从GTM到GA4的数据连通及设置流程

3.1、GTM的变量、触发器及代码的作用

3.2、设置事件各操作间的逻辑关系流程图

四、使用Google Tag Assiatant调试获取正确参数

4.1 从调试页面找到正确参数

4.2 根据营销诉求找到正确路径下的参数

五、Shopify网站常用事件的触发器及Tag设置实操

六、代码麻瓜搞不定的自定义参数

七、如何在GA4中查看这些事件


一、GA4和GTM的安装和基础设置

Google将在2023年7月1日起不再为传统的universal analytics处理数据,Google Analytics 4媒体资源将成为日后的分析操作界面。在后面的实操中,我将使用GA4来做实操演示。

为了安装GA4和GTM,首先你的网站必须已经绑定了正式域名,不可以用Shopify的二级域名;其次,网站的主要结构和功能也已经设置完毕。

接着,就是去开通Google Analytics的账户和Google Tag manager账户,请确保你用的是同一个gmail邮箱地址,注册地址分别是:

https://analytics.google.com/

https://tagmanager.google.com/

1.1 创建GA4账户流程

1)在GA里点击屏幕左下角的设置,选择“创建账户”,使用你的网站域名给这个账户起个名字。

图片

2)账户创立完毕后,在媒体资源下方的数据流中选择“网站”

图片

3)接着会弹出下面的界面,确认在“增强型衡量功能”中红框中圈出的这些内容,如果没有,就点击右侧圆圈地方的设置按钮,把它们打开。接着点击“创建数据流”。

图片

4),创建数据流后你看到这个界面,先不要关闭, 待会儿要用到下面的“衡量ID”。

图片

1.2 创建Tag Manager账户

1)进入GTM后台,访问GTM的账户界面, 点击创建账号

图片

2)按照如下所示,填写账户名字,容器名字,目标广告平台选择“网站”。然后保存

图片

3)接下来,GTM就给你弹出一段代码,提示你添加。看到代码后,就要开始进入到Shopify后台去添加代码了。

图片

4)在Shopify模板里,点击编辑代码

图片

5)找到theme.liquid 这个模板,把GTM提供的第一段代码放在第一个<head>的前面。

图片

6)找到<body>的位置, 把代码粘贴进去, 只要在结束的</body>之前添加就可以了。添加完毕后,记得保存theme.liquid的文件。

图片

7)在Shopify的结账页面把第一段代码复制进去。路径是Shopify后台-设置-结账, 页面最下方的位置。不要问原因,照着做就是了。

如果想知道原因 那就是加购和结账页面是没有加载theme.liquid的!

图片

8)检查代码情况。在Google插件商城搜索Tag Assistant这个插件,安装地址:

https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=zh-CN

当插件检测到以GTM开头的Tag且tag为绿色,就说明代码添加无误

图片

1.3 关联GTM和GA4

接着我们回到Tag Manager界面, 点击左侧“代码”,在页面右上角点击“新建”,按照下图所做选择和配置。衡量ID就是来自GA4数据流里的,刚才没关的页面。

触发条件选择“All Pages”, all pages是默认存在的,不需要你额外配置。

图片

这个时候, 如果你去检查GA4里的报告和GTM里的事件,你会发现里面都是空的。所以到目前为止,我们只是完成了最最最基本的设置。后续的事件规划和事件的设置才是重头戏。

图片

二、Shopify网站需要追踪的常见事件

还记得我们之前提到的5+1要素吗?就是以那个为指导,我们列出了初步需要追踪的指标,下图表格中列出的事件是分析一个网站所需要具备的基本数据。当然你也可以在后期根据实际需求来增加或修改追踪的事件。

比如在下面的追踪列表中,我比较关注有多少人会通过footer下方的wholesale inquiry来咨询小额批发,那么我就专门对点击这个链接的行为做了事件追踪

如果你也有比较关注的事件,比如促销活动、网红招募说明等,也可以按照一样的方法去设置事件。

请务必知晓,每个网站的追踪和分析需求都有可能随着情况和时间变化,我在这里列出来的是电商网站的常规事件,如果你掌握了本篇文章介绍的事件添加方法并加以实操,那么你就可以在后期根据实际情况而自行添加或修改事件了。

图片

在这张图中,我列出了该指标的作用和设置的注意事项。有些动作和指标,是不需要我们手动去设置的,比如用户的IP、区域、设备,访问时间、时长等指标,这些GA都会自动记录;有些会受到Shopify版本的限制而无法追踪的,比如add_paymanet_info和 add_shipping_info。

大部分事件在GTM里设置,你不懂代码也可以完成配置;而有些变量则需要使用datalayer的代码在后台push,比如我想记录产品名称和产品分类的变量,这就可能就需要程序员介入了。

当你看完这张图后,看看是否还有其他需要追踪的事件,如果有,那就拿一张纸记录下来,便于你在后面实操的过程中去实践。

三、从GTM到GA4的数据连通及设置流程

3.1 GTM中的变量、触发器及代码的作用

在跟踪代码管理器的界面,左侧导航中包含了以下内容,而我们最常用其实就是代码、触发器、和变量这三个选项。

我不是程序猿出身,我也不懂代码结构,所以在这篇文章中,我更多会站在代码麻瓜的视角,给不懂代码的人解释这些专业术语的作用和意义,请专业人员勿喷。

图片

我们从下往上看这3个名词的作用和意义:

变量:

顾名思义,不是一个固定的值,它会随着外部的情况的变化而返回不一样的值。变量包含3个关键元素,变量名称、变量、变量返回值,比如page_title是一个变量名称,变量是{{page title}},那么具体的页面名称就是在这个变量下返回的值(如在网页https://garfeel.co/products/nail-holographic-glitter-dip-powder-d169下的page title就是Nail Holographic Glitter Dip Powder (D169) )

当用户访问不同的网站页面,这个值就会随之变化。

网站上存在很多变量,当用户进行点击或访问操作时,这些变量就会返回不同的值,根据这些值,借助后面的触发器和代码,我们就可以知道用户当下在哪个页面做什么操作。

可以说变量是我们创建触发器和代码的最基本单位。

当你第一次进入到GTM后台,点击“变量”,你会发现GTM默认给你提供了大概10个内置变量,但是这不够,所以需要你点击页面右侧的“配置”按钮,去勾选更多变量

图片

如果你不知道勾选什么, 你可以参考我目前所使用的内置变量,虽然很多参数没用上,不过好像也没什么大碍。

图片

触发器:

可以理解为规则,当用户的行为引发了变量上的某个值,就认为是触发这个规则。你应会注意到,每当你点击页面上的某个元素、代码,页面就开始疯狂的转圈加载,正是因为服务器端正在进行我们看不到的运动咧:发送或接受各种变量返回的值。

所以在创建追踪事件之前,我们要配置好这个规则——触发器。

比如我想要追踪“用户订阅”这个行为,那么就去找当用户去点击订阅时,他的点击行为触发了哪些变量,这些变量返回的值是否是唯一并有识别性的,只有这个值才能代表用户“订阅”了,我们就去采用这个变量和它的返回值。

所以你看触发器配置界面就包含两个部分:

触发器类型:有多种类型,常用的就是点击、浏览、表单和自定义事件。其他的类型嘛,代码麻瓜们也不会用。🤷

触发条件:条件里要填写的就是变量名称和变量的返回值。左侧是从下拉框中选的,右侧是手动输入的。

图片

代码:

中文翻译极具迷惑性,其实就是Tag啦!我们给要追踪的事情打标签,就是在这里设置的。

触发器只是对指定的行为做了规则判断。但是在实际分析过程中,我们可能还需要知道更多的信息。比如对于“加入购物车”这个动作,我除了想知道加入的次数之外,还想知道哪些产品被加入到购物车了,这个时候,就需要通过Tag的参数设置来传递这些产品相关的指标,而这些产品指标也是变量,那么在Tag当中,就可以使用下面的“参数“设置来让Tag返回这些会变动的指标。

图片

以上三个功能就是GTM里最重要的操作项,你后续的事件配置都离不开它们,尤其是触发器和Tag(代码)。

3.2设置事件各操作间的逻辑关系流程图

在整个设置设置的过程中,会涉及到GTM内部的设置,Tag Manager Assistant的使用,GA4的关联。三个工具的使用会让很多新手在接触的时候弄不清楚之间的关联关系。

在这三个工具,涉及到GTM里的变量、触发器、Tag代码;Tag Assistant调试;GA4里的事件,自定义设置,事件报告里的参数查看。

我自己第一次接触的时候,为了搞了清楚他们的关系花了很长时间,对于不懂代码的码瓜来说真的很烧脑。理解后,我整理了一张他们的逻辑关系操作流程图,这样可以方便做整体的了解。图片

四、使用Tag Assistant调试获取正确参数

好了,到这一步,你需要先完成内置变量里的勾选,接下来我们需要进入到触发器的设置。但是在使用触发器之前,一定要先学会Tag Assiatant的使用,只有借助这个工具,我们才可以获取到制定“规则”的正确参数

4.1 从调试页面找到正确参数

1)在GTM工作区点击预览

图片

2)输入你的网站,开启调试模式

图片

3)调试模式下,你的网站域名是长这个样子

图片

4)调试页面长这个样子,如果你完成了在本文第一章中设置GA4配置的操作,那么你就会看到下面这个事件被fired了。

图片

5)现在,跟着一起操作,去到在调试模式下打开的网站,我们去点击一个具体的产品,从而去到产品页面。这个时候返回到调试页面,你会看到下图所示。

它体现的是来自服务器端的各种加载路径,路径的顺序你要从下往上看,或者跟着序号看,而我在这张图上的红色文字也从下往上看。

大概知道一下它的逻辑就行了,其他的不用深究。🙇

图片

在界面上varibales的地方,你所看到的所有variable就源于我们在GTM的变量里添加的内置变量啦!

在那里你添加了什么变量,在这个调试页面,你就可以看到什么变量。

那我们怎么从这里来获取触发行为的正确参数呢?

举个例子,我现在想追踪整个网站“加入购物车”按钮被点击的次数。

那就先去调试模式下的网站,点击产品后将产品加入购物车,就有了下图中22到28的路径。加入购物车是一个点击行为,所以关注路径27,接着在右侧观察所有变量,看哪个变量最能代表这个事件。

我发现click text 和form text都可以。所以在设置触发器的时候,我就会选择其中一个。

图片

4.2 根据营销诉求找到正确路径下的参数

那什么是根据营销诉求找到正确路径下的参数呢?

我们以追踪“订阅”这个事件为例, 想象一下用户的操作步骤:

第一步:将鼠标点击到邮件输入的文本框,这是第一次点击

第二步:开始输入邮箱地址

第三步:点击“订阅”按钮,这是第二次点击。

这个时候,问题来了。你到底想追踪的是订阅成功数呢?还是有多少人点击进入到邮箱输入的文本框?

思考一下?

图片

好了,思路打开~

订阅成功的次数,其实不用事件追踪都可以看到,对吗?在shopify后台直接筛选出来订阅数就知道了。

所以在这里,我会更加关注有多少人把鼠标点到了输入框里,也就是下图路径19。如果知道这个点击数量,和后台的订阅成功数做一个对比不就知道有多少人在这个环节流失了。

图片

不过为了方便统一在GA里查看订阅成功的数量,你也可以选择路径21下的变量。

请务必记住,只有当变量下的值最能代表这个行为且唯一,也就是说在其他事件下根本不会产生这个变量值的时候,我们才会用它作为触发器里的规则。

五、常用事件的触发器及Tag设置实操

参考第二章节中提到的追踪事件,我会用截图来展示那些可以使用内置变量来设置的事件。出于一定的教学目的,我使用了多种不同的参数来做截图,便于大家参考。

千万不要照抄,我使用的是Shopify,一些变量和参数与你的网站可能有所不同,在实际实操时,一定要根据调试结果自行修改。

view_product_list

图片

view_products

图片

link_click_menu

图片

sign_up

图片

login

图片

subscribe

图片

inquiry

图片

add_to_cart

图片

direct_to_buy

图片

begin_checkout

图片

在GTM里配置完这些事件后,一定要在tag assistant里调试通过,确保你的Tag都可以在调试模式下被激活。

记得发布版本,然后睡一个晚上,第二天这些事件就会同步出现在GA4的事件列表中了。

图片

六、代码麻瓜搞不定的自定义参数

如果你的网站SKU很多,产品类别很多,那么运营人员一定希望可以以产品类别为维度来进行分析。这个时候就需要设置自定义变量了。

而这些我们想追踪的指标不在内置变量里,比如产品分类,add shipping_info等。

很遗憾,这篇文章是不懂代码的麻瓜写给不懂代码的独立站运营人员的。我曾花了几天的时间请教懂技术的学员“一个小土豆”,但是依旧没搞定代码问题。

专业的事情还是交给专业的人吧!

图片

所以我能教给你的就是,告诉技术人你需要使用datalayer来push事件,然后把下面的技术文档发给他们,同时也要告诉他们,你想获得的参数是什么,追踪的事件是什么。

文档1:https://support.google.com/tagmanager/answer/7683362?hl=zh-Hans

文档2:https://support.google.com/tagmanager/answer/6164391?hl=zh-Hans

文档3: https://github.com/TechnicalWebAnalytics/dataLayer-shopify

他们说还不懂这个代码?那就让他们百度去吧!😊

在此,也非常感谢“一个小土豆”和“喵喵老师”的帮助,在很多关键问题上,他们都给到了充足的帮助和解答。

七、如何在GA4中查看这些事件

按照上述的截图,给Tag添加参数后,先不要关闭页面,马上去到GA4的配置页面,来创建自定义纬度。

图片

返回到第六章节里,在创建Tag时,有的用到了参数,那里面的参数名称是什么,在这里也要创建出相同的事件名称。Tag里用了3个,那就要在GA4的自定义维度里增加3个!

图片

到此,完成以上所有操作后,请去你的网站疯狂的点点点,去触发各种行为。如果你是新手,你可能需要2-3天的时间去配置以上的事件并调试成功。

疯狂点点点的目的,主要是为了测试,是否可以在GA4中看到这些事件和他们的参数。

如下图所示,红框里的内容就是我们设置的事件,已经在正常的统计数据了。

图片

点击其中的一个事件,在右侧参数名称中,你就可以选择不同的参数,比如page path或其他参数名称。

图片

如果你查看的是搜索行为,还可以通过切换参数名称“search_term”来看用户在网站上都搜了些什么。

图片

到这里,整个实操就基本结束了。还有一部分内容,比如Tag assistant的具体调试过程,你可以在百度上找到,在完成全部调试后,你可以在GA里设置过滤掉内网IP,这个也可以在百度上找到教程。

关于数据分析规划的落地,我就先讲到这里。实践是最好的老师,这东西可一定得实操了才能学会。没有看之前我文章的朋友可以点击下面历史文章查看。

12.12 厦门emag沙龙-文章页底部
TikTok、Facebook、谷歌、Twitter广告服务,0门槛抢占全球流量!
极速开户+优化投流+风险保障+效果跟踪,仅需4步,轻松撬动亿万海外流量,让品牌销量翻倍增长!
已成功开通5000+账户
二维码
免责声明
本文链接:
本文经作者许可发布在AMZ123跨境头条,如有疑问,请联系客服。
最新热门报告作者标签
俄罗斯电商市场快速增长,综合平台优势大于独立站
AMZ123获悉,近日,Euromonitor、EMARKETER及Yakov and Partners发布了《俄罗斯电商市场发展现状》报告。报告基于2020-2024年的数据,对俄罗斯电商市场的发展趋势、综合电商平台与独立电商的竞争格局、各品类表现、未来市场预测进行了系统分析。一、俄罗斯电商趋势1.互联网渗透率增长放缓2020至2024年,俄罗斯互联网使用率从78.1%(约9560万用户)提升至85.5%(约1.04亿用户),四年间增加7.4%(新增约790万用户)。俄罗斯的互联网渗透率增速正在逐年放缓,预计到2029年互联网渗透率将达到89%(约1.08亿用户)。
越南加强进口商品监管,修订多项增值税和海关规则
AMZ123获悉,近日,越南海关公布了2026年对增值税(VAT)、特别消费税(SCT)及电子交易管理的多项修订,核心在于统一税制规则、扩大免税范围并加强跨境与电子化申报管理。此次调整既有减轻企业合规成本、扶持出口与产业链升级的内容,也伴随对部分消费品与临时进口再出口环节的更严监管,直接影响生产、进出口和跨境电商卖家。在增值税方面,新法律将此前零散的官方函件并入法律和配套法令,提升透明度并便于电子化处理。关键变化包括扩大增值税免税目录:列入政府清单的自然资源与矿产(无论原料还是加工品)在出口时被明确归为增值税免税项目。
TikTok Shop黑五复盘,一堆中国卖家晒出百万GMV
黑五复盘,TikTok卖家:“库存差点给我爆完了!”
存生命危险!美国CPSC紧急召回超1万件儿童手写板玩具
AMZ123获悉,近日,美国消费品安全委员会(CPSC)宣布,紧急召回亚马逊在售的KTEBO品牌的儿童书写板玩具,原因是该产品未能符合玩具类产品的强制性安全标准,电池仓固定螺丝无法保持牢固,可能导致纽扣电池外露。若儿童误吞纽扣电池,可能造成严重伤害、内部化学灼伤,甚至威胁生命。此次召回涉及KTEBO品牌的双件套书写平板玩具,召回数量约10,380件,产品提供四种颜色组合,包括粉色/蓝色、绿色/黄色、橙色/蓝色以及紫色/红色,并有8.5英寸与10英寸两种规格,每套配有与机身同色的手写笔。
AliExpress波兰11月增长显著,双十一活动日活用户增长37%
AMZ123获悉,近日,AliExpress的数据显示,平台11月的消费者参与度与卖家销售额大幅增长。今年11月11日至19日举行的AliExpress双十一购物节活动期间,波兰用户的参与度显著提升,日活跃用户数量同比增长37%。随着去年秋季AliExpress开放波兰本地卖家入驻,今年波兰本地卖家的参与度也明显提高,他们在此次双十一促销期间的GMV同比增长74%。从消费偏好来看,智能生活类产品持续吸引波兰消费者,智能家居与清洁设备成为销售榜单的主导品类。Dreame、ILIFE、Laresar等品牌的扫地机器人和自动吸尘设备进入最畅销产品行列,反映波兰家庭对智能化、便捷化生活方式的需求不断上升。
亚马逊印度计划投资127亿美元,推动本地云和AI基础设施建设
AMZ123获悉,近日,亚马逊宣布,将在2030年前进一步推动人工智能在印度的普及,计划投入127亿美元建设本地云和AI基础设施。亚马逊表示,这项长期投资将为超过1500万家中小企业带来AI应用能力,同时在2030年前为400万名公立学校学生提供AI素养课程与职业教育,提高数字技能普及度。亚马逊认为,AI正成为提升印度数字包容性的关键力量,能够突破语言、读写能力与访问渠道的限制,让更多个人与企业受益。在中小企业领域,亚马逊正在推出新一代AI工具,以降低经营门槛、简化业务操作并提升增长效率。
“黑五网一”DTC投放数据复盘,流量都去哪了?
2025 年“黑五网一”大战,终于落下帷幕。除了 GMV ,这场仗花了多少“弹药”,你算清楚了吗?流量场上的每一发子弹,都正中靶心了吗?偏离的原因找到了吗?除了看自己后台的数据,还要看清整个大盘的趋势——这决定了我们下一步该往哪儿走。基于 GoodsFox 监控的投放数据,我们有以下发现:服装、美妆的竞争力度只增不减3D 打印与机械键盘,从“小众圈层”跃升为热门赛道宠物经济的流量稳定,不靠爆点也能撑起大盘这些变化背后,都在重塑今年“黑五网一”的投放结构,我们先从流量基本盘讲起——尽管每年都有新风口,但从广告投放的绝对体量来看,传统大盘仍在支撑整体流量水位。
还在“索评”?亚马逊Review管理的红线与出路
亚马逊的评论管理格局是如何改变的?首先要明确一点:过去几年,亚马逊的Review生态系统发生了剧变,这对各类管理工具产生了深远影响。在买家端,那些专门用来标记“虚假评论”(或帮助买家鉴别真伪)的老一代工具正在失效甚至消失。不少买家就因为Fakespot在平台冲突、合规问题和数据接口变更的压力下关停而感到措手不及。Fakespot是一个分析电商产品评论真实性、帮助消费者识别虚假评价的平台。在卖家端,亚马逊的政策合规和风控机制变得更加严厉。这意味着Review的风险红线变了:以前那些“地毯式索评”或“送测(Giveaway)”的套路可能有效,但现在操作这些手段的封号风险极高。
AMZ123PayPal计算器使用指南及常见问题详解(内附计算公式)
Paypal手续费计算器介绍及计算公式分享 https://www.amz123.com/tools-paypal
重磅!亚马逊公布2026年战略重心变化
AMZ123获悉,12月4日,2025年亚马逊全球开店跨境峰会上,亚马逊回顾了过去一年里中国卖家在亚马逊上所取得的进展,并围绕2026年四大业务战略重点——供应链服务、AI赋能、全球拓展布局、本地服务,揭晓了40余项创新举措。根据亚马逊披露的数据:2025年以来,中国卖家通过亚马逊全球站点售出数十亿件商品,在美欧等成熟站点的销售额增长超过15%,在新兴站点的销售额增长超过30%;2025年以来,销售额达到200万、500万、800万美金的中国卖家数量,增长均超过20%;销售额超过1000万美金的中国卖家数量,增幅近30%。
卖家还在等口径!欠税公示制度却已明确落地
卖家还在“等政策”,但政策已明确趋严过去几个月里,跨境卖家对税务政策最大的期待就是——“能不能再等等,看会不会有新口径”。但事实上,政策并没有往宽松走,而是沿着“数据透明—提醒申报—强化监管”这条路径一步步推进。AMZ123了解到,目前已有超过7000家境内外平台完成涉税信息报送,卖家的线上线下销售数据已全面纳入监管体系。随着数据比对展开,税务部门对申报明显低于平台数据的经营者陆续发出提示,要求补充申报;多数卖家在收到提示后完成了更正,但也的确还有部分经营者迟迟没有动作,继续处于观望甚至低申报的状态。在这种情况下,监管的态度也开始变得更为明确:对于未按规定申报的行为,将从提醒阶段进入到强化管理阶段。
亚马逊新功能,能救你一整条链接!
最近有卖家后台发现,亚马逊多了一个新功能,看起来不起眼,实则很关键——绩效提醒(Performance Notifications)。这个功能解决了我们运营过程中的一个老大难:链接出问题时能不能第一时间被提醒?以前我们发现Listing出状况,大多靠“事后诸葛”:出单突然断了,去查是不是被下架;关键词排名一夜暴跌,才想起去对比转化率;广告Acos拉爆、CTR异常,才知道图可能挂了;等你发现问题,可能已经晚了。这次,亚马逊终于“良心发现”,开始主动提醒你链接的数据异常了。这个新功能到底能干啥?说白了,它就是一个链接级别的数据异常预警系统。
汽配类目又现吸金王,TikTok卖家30天入账1100万
月销量暴涨36007900%,这一汽配用品在TikTok卖爆了
宠物消费持续升温,亚马逊10款月销过万宠物产品推荐
AMZ123获悉,近日,亚马逊各类产品搜索量增长显著,以下10款产品在亚马逊上销量表现突出,深受消费者欢迎。1. 猫咪情绪舒缓喷雾预计销售额:139.84万美元/月销量:26,000+星级评分:4.4好评数量:12,694+图源:亚马逊产品描述:FELIWAY Optimum猫咪情绪舒缓喷雾的专利信息素复合物能显著减少猫咪的应激表现,包括喷尿、抓挠、恐惧反应、紧张冲突等。产品无药性、安全且不干扰人类与其他宠物,每个喷雾覆盖面积约 700 平方英尺。
跨界AI失败?深圳大卖资产重组终止!
12月2日,跨境3C 配件大卖杰美特发布公告,宣布决定终止筹划以现金方式收购AI 算力解决方案提供商思腾合力(天津)科技有限公司(以下简称“思腾合力”)控制权的重大资产重组事项。这场筹划半年、备受行业关注的跨界收购突然落幕,消息一出引发市场热议。AMZ123获悉,杰美特于2025年6月21日首次披露了筹划重组的提示性公告,拟通过现金交易控股思腾合力,该交易初步测算构成重大资产重组,且不涉及发行股份、不构成关联交易,也不会导致公司控制权变更。杰美特是“中国手机壳第一股”,主营业务为移动智能终端保护类产品的研发、设计与销售,产品包括手机、平板及穿戴设备的保护壳与表带等。
25-cv-14634,橙色小雏菊花卉图案有TRO冻结风险,已立案维权!
本案是keith律所代理英国艺术家Rachael Taylor发起的版权维权案件,涉案作品为一张 1970年代小雏菊花卉图,该作品于2025年6月24日获得美国版权认证,版权号为:VA 2-455-354,被广泛用于面料印刷、家居装饰以及礼品包装等多个领域。
《亚马逊生活日用品类攻略手册》PDF下载
作为日常生活不可或缺的重要组成,生活百货品类覆盖范围广泛,包括家居用品、家具、车用配件、户外装备、园艺 工具、运动器材、家装用品、厨房、玩具以及宠物用品等众多领域。这类产品不仅是满足基本生活所需,更体现了人们对美好生活的向往和追求。
《掘金泰国-市场洞察与战略机遇报告2025》PDF下载
随着全球经济一体化的加速,泰国作为东盟的核心枢纽,凭借其独特的地缘优势庞大的消费市场以及持续优化的营商环境,成为众多企业战略布局的重要目标。本报告深入剖析泰国市场的政策红利、消费趋势、产业机遇以及合规挑战,旨在为有志于开拓泰国市场的中国企业提供行动指南,助力企业在东盟这片充满活力的土地上把握机遇、应对挑战、!实现可持续发展。
《2025欧美假日购物季营销指南》PDF下载
2025年美国假日购物季零售额预计同比仅增长1.2%,总销售额约1.359万亿美元,虽仍保持正增长,但为2009年以来最低增速,市场正在步入低增长的新常态。
《2025年跨境电商东南亚市场进入战略白皮书》PDF下载
东南亚电商,正以惊人的速度复刻中国电商高速增长的黄金时代。2024年东南亚电商GMV达到1284亿美元,短短5年涨幅超过3倍。全球电商2024年GMV增幅最快的十大市场中,东南亚独占四席。东南亚是拥有约6.7亿人口的广阔市场,在现今全球关税的不确定性大格局下,因其电商基建完善,利好的贸易政策,和更高的年轻人口占比,成为跨境卖家生意拓张焦点之一。
《2025年TikTok Shop玩具品类行业报告(欧美站)》PDF下载
分析TikTok Shop美国市场、英国市场、西班牙市场、墨西哥市场等主流市场点短视频及直播电商数据,选取TikTok与玩具爱好品类相关的内容进行分析报告。
《2025 洗护品类趋势与创新洞察》PDF下载
本报告独特价值:将消费者的“行为结果”据),揭示消费者深层心理动机、并能精准预判未来增长机会
《亚马逊双轨增长指南》PDF下载
亚马逊以“以客户为中心”为核心理念,通过整合B2B与B2C的全渠道服务,帮助卖家实现“一店双拓”-- 一次上架,同步触达个人消费者与企业买家,获得双重收益。同时,基于Direct to Buyer(直接触达买家)的模式,更能有效减少中间环节,提升利润空间与品牌掌控力。
《亚马逊全球线上商采趋势与区域洞察》PDF下载
随着全球企业数字化转型的深入推进,B2B商采有望成为下一个万亿级别的蓝海市场然而,中国卖家在开拓海外企业商采市场时往往面临着一个关键挑战:难以准确把握海外企业买家的商采行为和决策模式。这种认知偏差不仅影响了产品开发方向,也制约了市场拓展策略的制定。
AMZ123会员
「AMZ123会员」为出海者推出的一站式私享服务
跨境数据中心
聚合海量跨境数据,输出跨境研究智慧。
侃侃跨境那些事儿
不侃废话,挣钱要紧!
亚马逊资讯
AMZ123旗下亚马逊资讯发布平台,专注亚马逊全球热点事件,为广大卖家提供亚马逊最新动态、最热新闻。
亚马逊全球开店
亚马逊全球开店官方公众号,致力于为中国跨境卖家提供最新,最全亚马逊全球开店资讯,运营干货分享及开店支持。
跨境科普达人
科普各种跨境小知识,科普那些你不知道的事...
欧洲电商资讯
AMZ123旗下欧洲跨境电商新闻栏目,专注欧洲跨境电商热点资讯,为广大卖家提供欧洲跨境电商最新动态、最热新闻。
AMZ123选品观察员
选品推荐及选品技巧分享。
首页
跨境头条
文章详情
独立站网站数据分析(7)-如何使用GA4及Google Tag Manager设置Shopify网站追踪事件( 附48张截图)
Ada的跨境笔记
2022-12-02 12:30
13979

这是一篇写给代码麻瓜们看的Google Tag Manager事件设置实操,即使你是新手,按照这个教程,你就可以学会Google analytics 4和Google tag manager的事件设置,这也是独立站运营人员必须掌握的技能。

这是网站数据分析教程的第7篇文章,在第1篇文章中,我们提到了数据产生巨大价值来源于前期花80%的时间去做好数据的规划和埋点。前期如果不做数据埋点,谈后期的分析和价值那就是扯淡。

图片

在第2篇文章中,我们讲到了数据的5+1要素,如何借助这些要素规划好我们想要追踪的事件。

图片

那么在今天的文章中,我将应用前几篇所讲的理论,借助Google Analytics和Google Tag Manager安装并配置好这些事件,实操过程中将采用我们教学使用的独立站,你可以直接访问这个网站对照着看。理论结合实操,走起!

本篇文章的内容目录如下:

一、GA4GTM的安装和基础设置

1.1 GA4账户创建

1.2 GTM账户创建及基础配置

1.3 关联GTM和GA4

二、Shopify网站需要追踪的常见事件

三、从GTM到GA4的数据连通及设置流程

3.1、GTM的变量、触发器及代码的作用

3.2、设置事件各操作间的逻辑关系流程图

四、使用Google Tag Assiatant调试获取正确参数

4.1 从调试页面找到正确参数

4.2 根据营销诉求找到正确路径下的参数

五、Shopify网站常用事件的触发器及Tag设置实操

六、代码麻瓜搞不定的自定义参数

七、如何在GA4中查看这些事件


一、GA4和GTM的安装和基础设置

Google将在2023年7月1日起不再为传统的universal analytics处理数据,Google Analytics 4媒体资源将成为日后的分析操作界面。在后面的实操中,我将使用GA4来做实操演示。

为了安装GA4和GTM,首先你的网站必须已经绑定了正式域名,不可以用Shopify的二级域名;其次,网站的主要结构和功能也已经设置完毕。

接着,就是去开通Google Analytics的账户和Google Tag manager账户,请确保你用的是同一个gmail邮箱地址,注册地址分别是:

https://analytics.google.com/

https://tagmanager.google.com/

1.1 创建GA4账户流程

1)在GA里点击屏幕左下角的设置,选择“创建账户”,使用你的网站域名给这个账户起个名字。

图片

2)账户创立完毕后,在媒体资源下方的数据流中选择“网站”

图片

3)接着会弹出下面的界面,确认在“增强型衡量功能”中红框中圈出的这些内容,如果没有,就点击右侧圆圈地方的设置按钮,把它们打开。接着点击“创建数据流”。

图片

4),创建数据流后你看到这个界面,先不要关闭, 待会儿要用到下面的“衡量ID”。

图片

1.2 创建Tag Manager账户

1)进入GTM后台,访问GTM的账户界面, 点击创建账号

图片

2)按照如下所示,填写账户名字,容器名字,目标广告平台选择“网站”。然后保存

图片

3)接下来,GTM就给你弹出一段代码,提示你添加。看到代码后,就要开始进入到Shopify后台去添加代码了。

图片

4)在Shopify模板里,点击编辑代码

图片

5)找到theme.liquid 这个模板,把GTM提供的第一段代码放在第一个<head>的前面。

图片

6)找到<body>的位置, 把代码粘贴进去, 只要在结束的</body>之前添加就可以了。添加完毕后,记得保存theme.liquid的文件。

图片

7)在Shopify的结账页面把第一段代码复制进去。路径是Shopify后台-设置-结账, 页面最下方的位置。不要问原因,照着做就是了。

如果想知道原因 那就是加购和结账页面是没有加载theme.liquid的!

图片

8)检查代码情况。在Google插件商城搜索Tag Assistant这个插件,安装地址:

https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=zh-CN

当插件检测到以GTM开头的Tag且tag为绿色,就说明代码添加无误

图片

1.3 关联GTM和GA4

接着我们回到Tag Manager界面, 点击左侧“代码”,在页面右上角点击“新建”,按照下图所做选择和配置。衡量ID就是来自GA4数据流里的,刚才没关的页面。

触发条件选择“All Pages”, all pages是默认存在的,不需要你额外配置。

图片

这个时候, 如果你去检查GA4里的报告和GTM里的事件,你会发现里面都是空的。所以到目前为止,我们只是完成了最最最基本的设置。后续的事件规划和事件的设置才是重头戏。

图片

二、Shopify网站需要追踪的常见事件

还记得我们之前提到的5+1要素吗?就是以那个为指导,我们列出了初步需要追踪的指标,下图表格中列出的事件是分析一个网站所需要具备的基本数据。当然你也可以在后期根据实际需求来增加或修改追踪的事件。

比如在下面的追踪列表中,我比较关注有多少人会通过footer下方的wholesale inquiry来咨询小额批发,那么我就专门对点击这个链接的行为做了事件追踪

如果你也有比较关注的事件,比如促销活动、网红招募说明等,也可以按照一样的方法去设置事件。

请务必知晓,每个网站的追踪和分析需求都有可能随着情况和时间变化,我在这里列出来的是电商网站的常规事件,如果你掌握了本篇文章介绍的事件添加方法并加以实操,那么你就可以在后期根据实际情况而自行添加或修改事件了。

图片

在这张图中,我列出了该指标的作用和设置的注意事项。有些动作和指标,是不需要我们手动去设置的,比如用户的IP、区域、设备,访问时间、时长等指标,这些GA都会自动记录;有些会受到Shopify版本的限制而无法追踪的,比如add_paymanet_info和 add_shipping_info。

大部分事件在GTM里设置,你不懂代码也可以完成配置;而有些变量则需要使用datalayer的代码在后台push,比如我想记录产品名称和产品分类的变量,这就可能就需要程序员介入了。

当你看完这张图后,看看是否还有其他需要追踪的事件,如果有,那就拿一张纸记录下来,便于你在后面实操的过程中去实践。

三、从GTM到GA4的数据连通及设置流程

3.1 GTM中的变量、触发器及代码的作用

在跟踪代码管理器的界面,左侧导航中包含了以下内容,而我们最常用其实就是代码、触发器、和变量这三个选项。

我不是程序猿出身,我也不懂代码结构,所以在这篇文章中,我更多会站在代码麻瓜的视角,给不懂代码的人解释这些专业术语的作用和意义,请专业人员勿喷。

图片

我们从下往上看这3个名词的作用和意义:

变量:

顾名思义,不是一个固定的值,它会随着外部的情况的变化而返回不一样的值。变量包含3个关键元素,变量名称、变量、变量返回值,比如page_title是一个变量名称,变量是{{page title}},那么具体的页面名称就是在这个变量下返回的值(如在网页https://garfeel.co/products/nail-holographic-glitter-dip-powder-d169下的page title就是Nail Holographic Glitter Dip Powder (D169) )

当用户访问不同的网站页面,这个值就会随之变化。

网站上存在很多变量,当用户进行点击或访问操作时,这些变量就会返回不同的值,根据这些值,借助后面的触发器和代码,我们就可以知道用户当下在哪个页面做什么操作。

可以说变量是我们创建触发器和代码的最基本单位。

当你第一次进入到GTM后台,点击“变量”,你会发现GTM默认给你提供了大概10个内置变量,但是这不够,所以需要你点击页面右侧的“配置”按钮,去勾选更多变量

图片

如果你不知道勾选什么, 你可以参考我目前所使用的内置变量,虽然很多参数没用上,不过好像也没什么大碍。

图片

触发器:

可以理解为规则,当用户的行为引发了变量上的某个值,就认为是触发这个规则。你应会注意到,每当你点击页面上的某个元素、代码,页面就开始疯狂的转圈加载,正是因为服务器端正在进行我们看不到的运动咧:发送或接受各种变量返回的值。

所以在创建追踪事件之前,我们要配置好这个规则——触发器。

比如我想要追踪“用户订阅”这个行为,那么就去找当用户去点击订阅时,他的点击行为触发了哪些变量,这些变量返回的值是否是唯一并有识别性的,只有这个值才能代表用户“订阅”了,我们就去采用这个变量和它的返回值。

所以你看触发器配置界面就包含两个部分:

触发器类型:有多种类型,常用的就是点击、浏览、表单和自定义事件。其他的类型嘛,代码麻瓜们也不会用。🤷

触发条件:条件里要填写的就是变量名称和变量的返回值。左侧是从下拉框中选的,右侧是手动输入的。

图片

代码:

中文翻译极具迷惑性,其实就是Tag啦!我们给要追踪的事情打标签,就是在这里设置的。

触发器只是对指定的行为做了规则判断。但是在实际分析过程中,我们可能还需要知道更多的信息。比如对于“加入购物车”这个动作,我除了想知道加入的次数之外,还想知道哪些产品被加入到购物车了,这个时候,就需要通过Tag的参数设置来传递这些产品相关的指标,而这些产品指标也是变量,那么在Tag当中,就可以使用下面的“参数“设置来让Tag返回这些会变动的指标。

图片

以上三个功能就是GTM里最重要的操作项,你后续的事件配置都离不开它们,尤其是触发器和Tag(代码)。

3.2设置事件各操作间的逻辑关系流程图

在整个设置设置的过程中,会涉及到GTM内部的设置,Tag Manager Assistant的使用,GA4的关联。三个工具的使用会让很多新手在接触的时候弄不清楚之间的关联关系。

在这三个工具,涉及到GTM里的变量、触发器、Tag代码;Tag Assistant调试;GA4里的事件,自定义设置,事件报告里的参数查看。

我自己第一次接触的时候,为了搞了清楚他们的关系花了很长时间,对于不懂代码的码瓜来说真的很烧脑。理解后,我整理了一张他们的逻辑关系操作流程图,这样可以方便做整体的了解。图片

四、使用Tag Assistant调试获取正确参数

好了,到这一步,你需要先完成内置变量里的勾选,接下来我们需要进入到触发器的设置。但是在使用触发器之前,一定要先学会Tag Assiatant的使用,只有借助这个工具,我们才可以获取到制定“规则”的正确参数

4.1 从调试页面找到正确参数

1)在GTM工作区点击预览

图片

2)输入你的网站,开启调试模式

图片

3)调试模式下,你的网站域名是长这个样子

图片

4)调试页面长这个样子,如果你完成了在本文第一章中设置GA4配置的操作,那么你就会看到下面这个事件被fired了。

图片

5)现在,跟着一起操作,去到在调试模式下打开的网站,我们去点击一个具体的产品,从而去到产品页面。这个时候返回到调试页面,你会看到下图所示。

它体现的是来自服务器端的各种加载路径,路径的顺序你要从下往上看,或者跟着序号看,而我在这张图上的红色文字也从下往上看。

大概知道一下它的逻辑就行了,其他的不用深究。🙇

图片

在界面上varibales的地方,你所看到的所有variable就源于我们在GTM的变量里添加的内置变量啦!

在那里你添加了什么变量,在这个调试页面,你就可以看到什么变量。

那我们怎么从这里来获取触发行为的正确参数呢?

举个例子,我现在想追踪整个网站“加入购物车”按钮被点击的次数。

那就先去调试模式下的网站,点击产品后将产品加入购物车,就有了下图中22到28的路径。加入购物车是一个点击行为,所以关注路径27,接着在右侧观察所有变量,看哪个变量最能代表这个事件。

我发现click text 和form text都可以。所以在设置触发器的时候,我就会选择其中一个。

图片

4.2 根据营销诉求找到正确路径下的参数

那什么是根据营销诉求找到正确路径下的参数呢?

我们以追踪“订阅”这个事件为例, 想象一下用户的操作步骤:

第一步:将鼠标点击到邮件输入的文本框,这是第一次点击

第二步:开始输入邮箱地址

第三步:点击“订阅”按钮,这是第二次点击。

这个时候,问题来了。你到底想追踪的是订阅成功数呢?还是有多少人点击进入到邮箱输入的文本框?

思考一下?

图片

好了,思路打开~

订阅成功的次数,其实不用事件追踪都可以看到,对吗?在shopify后台直接筛选出来订阅数就知道了。

所以在这里,我会更加关注有多少人把鼠标点到了输入框里,也就是下图路径19。如果知道这个点击数量,和后台的订阅成功数做一个对比不就知道有多少人在这个环节流失了。

图片

不过为了方便统一在GA里查看订阅成功的数量,你也可以选择路径21下的变量。

请务必记住,只有当变量下的值最能代表这个行为且唯一,也就是说在其他事件下根本不会产生这个变量值的时候,我们才会用它作为触发器里的规则。

五、常用事件的触发器及Tag设置实操

参考第二章节中提到的追踪事件,我会用截图来展示那些可以使用内置变量来设置的事件。出于一定的教学目的,我使用了多种不同的参数来做截图,便于大家参考。

千万不要照抄,我使用的是Shopify,一些变量和参数与你的网站可能有所不同,在实际实操时,一定要根据调试结果自行修改。

view_product_list

图片

view_products

图片

link_click_menu

图片

sign_up

图片

login

图片

subscribe

图片

inquiry

图片

add_to_cart

图片

direct_to_buy

图片

begin_checkout

图片

在GTM里配置完这些事件后,一定要在tag assistant里调试通过,确保你的Tag都可以在调试模式下被激活。

记得发布版本,然后睡一个晚上,第二天这些事件就会同步出现在GA4的事件列表中了。

图片

六、代码麻瓜搞不定的自定义参数

如果你的网站SKU很多,产品类别很多,那么运营人员一定希望可以以产品类别为维度来进行分析。这个时候就需要设置自定义变量了。

而这些我们想追踪的指标不在内置变量里,比如产品分类,add shipping_info等。

很遗憾,这篇文章是不懂代码的麻瓜写给不懂代码的独立站运营人员的。我曾花了几天的时间请教懂技术的学员“一个小土豆”,但是依旧没搞定代码问题。

专业的事情还是交给专业的人吧!

图片

所以我能教给你的就是,告诉技术人你需要使用datalayer来push事件,然后把下面的技术文档发给他们,同时也要告诉他们,你想获得的参数是什么,追踪的事件是什么。

文档1:https://support.google.com/tagmanager/answer/7683362?hl=zh-Hans

文档2:https://support.google.com/tagmanager/answer/6164391?hl=zh-Hans

文档3: https://github.com/TechnicalWebAnalytics/dataLayer-shopify

他们说还不懂这个代码?那就让他们百度去吧!😊

在此,也非常感谢“一个小土豆”和“喵喵老师”的帮助,在很多关键问题上,他们都给到了充足的帮助和解答。

七、如何在GA4中查看这些事件

按照上述的截图,给Tag添加参数后,先不要关闭页面,马上去到GA4的配置页面,来创建自定义纬度。

图片

返回到第六章节里,在创建Tag时,有的用到了参数,那里面的参数名称是什么,在这里也要创建出相同的事件名称。Tag里用了3个,那就要在GA4的自定义维度里增加3个!

图片

到此,完成以上所有操作后,请去你的网站疯狂的点点点,去触发各种行为。如果你是新手,你可能需要2-3天的时间去配置以上的事件并调试成功。

疯狂点点点的目的,主要是为了测试,是否可以在GA4中看到这些事件和他们的参数。

如下图所示,红框里的内容就是我们设置的事件,已经在正常的统计数据了。

图片

点击其中的一个事件,在右侧参数名称中,你就可以选择不同的参数,比如page path或其他参数名称。

图片

如果你查看的是搜索行为,还可以通过切换参数名称“search_term”来看用户在网站上都搜了些什么。

图片

到这里,整个实操就基本结束了。还有一部分内容,比如Tag assistant的具体调试过程,你可以在百度上找到,在完成全部调试后,你可以在GA里设置过滤掉内网IP,这个也可以在百度上找到教程。

关于数据分析规划的落地,我就先讲到这里。实践是最好的老师,这东西可一定得实操了才能学会。没有看之前我文章的朋友可以点击下面历史文章查看。

咨询
官方微信群
官方客服

扫码添加,立即咨询

加群
官方微信群
官方微信群

扫码添加,拉你进群

更多
订阅号服务号跨境资讯
二维码

为你推送和解读最前沿、最有料的跨境电商资讯

二维码

90% 亚马逊卖家都在关注的微信公众号

二维码

精选今日跨境电商头条资讯

回顶部