什么是 Google Analytics
Google Analytics 是Google为网站提供的数据统计服务。可以对目标网站进行访问数据统计和分析,并提供多种参数供网站拥有者使用。
什么是GA4
2020年10月14号,Google Analytics发布了Google Analytics V4,简称为GA4或GAv4,其实就是之前的APP+Web改名为而来。
Google Analytics 4 正在取代 Universal Analytics。 2023 年 7 月 1 日,所有标准 Universal Analytics 媒体资源都将停止处理新匹配。360 Universal Analytics 媒体资源将于 2024 年 7 月 1 日停止处理新匹配。
如何接入GA4
一、创建并设置媒体资源
- 登录 analytics.google.com/analytics/w… ,选择管理下的创建媒体资源
- 设置媒体资源为网站域名
- 根据提示选择符合自己的企业信息,点击下一步,下一步
二、创建数据流
- 选择网站,创建数据流
- 创建好后会看到如下的界面:
- 点击查看代码说明
三、复制代码到网站 中,即可接入
二十分钟之后实时数据生效,次日对首页的分析生效。
以上就对网站实现了全埋点,可以根据分析报告来获取用户相关的数据,默认事件的交互程度,不同页面的访问程度等。如果以上功能并不能满足你,你想更精细化到某个功能,例如获取某个带特殊功能的按钮的点击情况。那就需要用到GTM了,那我们再来看看什么是GTM吧。
GTM是什么?
Google Tag Manager中文名叫谷歌代码管理系统,简称GTM,是一个帮助我们简单快速的在网站和APP上添加代码的工具。
为什么要使用GTM?
1、使用这个工具可以非常简单的添加代码,可以极大的简化我们的工作和提高工作效率。
2、使用GTM在一定程度上也可以提高我们的网站速度。因为GTM是一步加载的,可以加载更快。
3、方便我们管理多种代码和多个网站,看起来也很清晰,方便修改。
如何配置GTM?
一、创建并部署GTM
- 打开网址 tagmanager.google.com/ 登录goole 账号 ,点击创建账号
- 设置容器名称,选择网站类型,点击创建
- 之后会生成如下代码,按照说明配置在自己的网站中
二、验证是否部署成功
在谷歌浏览器中安装Ghostery 插件,打开刚才安装代码的网站,在Detailed View部分,如果出现Google Tag Manager就是GTM部署成功了。
使用GTM部署GA代码
在GTM 上配置GA后可打通两个平台,在GTM 上可关联GA的事件及参数。
-
进入刚才的GTM首页,选择代码tab, 点击新建
-
代码类型选择 GA4 配置
衡量id (为刚才在Goole Analytics 平台创建的媒体资源的数据流衡量ID)
触发条件选择 all pages
如何在GTM中 设置事件跟踪
一、在平台中设置事件跟踪
产品可按照自定义的配置去添加埋点
eg: 在网站上有一个名为”创建需求”的按钮,想记录该按钮的点击事件
若要使用 Google 跟踪代码管理器设置事件,要配置 Goole Analytics (分析) : GA4 事件,再创建一个触发器来指定何时发送事件。
- 创建GA4 事件代码
- GTM—→代码 —> 新建
- 在顶部输入事件名称 eg(GA4事件跟踪-创建需求)
- Google Analytics(分析):GA4 事件
- 在配置代码中,选择你刚才创建的GA配置tag
- 事件名称中,输入自定义事件名 , 参数根据自己的需求选择
- 创建触发器
- 在GTM —>触发器—->新建
- 触发器类型选择所有元素
- 设置触发条件 eg: 点击的文本中包含创建需求等文案
二、 在代码中设置事件跟踪
添加代码埋点
-
在代码中添加ga-data 属性
- 获取ga-data 属性
function() {
var elem = {{element}},
attr = "ga-data", // change this to the attribute that you want to get
result = (elem.getAttribute && elem.getAttribute(attr)) || null;
if( !result ) {
var attrs = elem.attributes,
l = attrs.length;
for(var i = 0; i < l; i++) {
if(attrs[i].nodeName === attr)
result = attrs[i].nodeValue;
}
}
return result;
}
在GTM ——> 变量 中新建自定义JavaScript ,为上述代码
上面代码中有一个element 变量,故需要再建一个element 变量
- 创建触发器
eg: 验证点击的按钮绑定了ga-data =”clickApplyRelease”的触发器
这里触发器的条件值为geGAData
- 创建自定义事件
其他参数的填写同创建事件相同,触发器选择上一步创建的触发器
至此,自定义事件的埋点就完成了。 如果想查看自定义事件是否生效,如何做呢?
设置好后如何测试:
一、方法一:
- 直接点击GTM 右上角的预览按钮
- 输入网站地址,进入监听页面,在网页上点击相应的按钮触发事件
- 触发完事件后 GTM 的右侧导航栏会出现刚才的操作事件,就可以查看是否触发自定义事件了
二、方法二:
点击管理下的DebugView, 可以在右侧看到刚才咋网站上点击触发的事件(包含自定义事件)
预览完之后记得点击发布,发布成功后,次日 自定义事件会在Goole Analytics 中进行统计。
参考文章:
support.google.com/tagmanager/…