独立站网站数据分析(7)-如何使用GA4及Google Tag Manager设置Shopify网站追踪事件（ 附48张截图）
这是一篇写给代码麻瓜们看的Google Tag Manager事件设置实操，即使你是新手，按照这个教程，你就可以学会Google analytics 4和Google tag manager的事件设置，这也是独立站运营人员必须掌握的技能。
这是网站数据分析教程的第7篇文章，在第1篇文章中，我们提到了数据产生巨大价值来源于前期花80%的时间去做好数据的规划和埋点。前期如果不做好数据埋点，谈后期的分析和价值那就是扯淡。
在第2篇文章中，我们讲到了数据的5+1要素，如何借助这些要素规划好我们想要追踪的事件。
那么在今天的文章中，我将应用前几篇所讲的理论，借助Google Analytics和Google Tag Manager安装并配置好这些事件，实操过程中将采用我们教学使用的独立站，你可以直接访问这个网站对照着看。理论结合实操，走起！
本篇文章的内容目录如下：
一、GA4和GTM的安装和基础设置
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个内置变量，但是这不够，所以需要你点击页面右侧的“配置”按钮，去勾选更多变量。
如果你不知道勾选什么， 你可以参考我目前所使用的内置变量，虽然很多参数没用上，不过好像也没什么大碍。
触发器：
可以理解为规则，当用户的行为引发了变量上的某个值，就认为是触发这个规则。你应会注意到，每当你点击页面上的某个元素、代码，页面就开始疯狂的转圈加载，正是因为服务器端正在进行我们看不到的运动咧：发送或接受各种变量返回的值。
所以在创建追踪事件之前，我们要配置好这个规则——触发器。
比如我想要追踪“用户订阅”这个行为，那么就去找当用户去点击订阅时，他的点击行为触发了哪些变量，这些变量返回的值是否是唯一并有识别性的，只有这个值才能代表用户“订阅”了，我们就去采用这个变量和它的返回值。
所以你看触发器配置界面就包含两个部分：
触发器类型：有多种类型，常用的就是点击、浏览、表单和自定义事件。其他的类型嘛，代码麻瓜们也不会用。
我们建了一个亚马逊卖家交流群，里面不乏很多大卖家。
现在扫码回复“ 加群 ”，拉你进群。
热门文章
*30分钟更新一次
