更新时间:2024年7月6号
这一篇介绍用dataLayer.push的方式去做事件跟踪。
思路原理
dataLayer.push这种做法的原理是主动向数据层推送事件,然后在GTM中的触发器里用自定义事件接受作为促发条件,再用一个代码去做事件配置,整体的原理是非常简单的。
关于dataLayer数据层的内容,延伸阅读:Google Tag Manager中的数据层解析
配置过程
假设对这个位置做dataLayer.push跟踪:
Step 1 : 前端添加dataLayer.push
前端要添加dataLayer.push为:
dataLayer.push({'event': 'test'});
将其添加到需要跟位置为止后的效果为:
Step 2 : 设置触发器
在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」——「自定义事件」,然后做如下设置:
dataLayer.push里的event的值是什么,事件名称就填写什么。
Step 3 : 设置代码
接下来就是设置代码,在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置… 」——「Google Analytics:GA4 事件」,然后做如下设置:
这里演示的事件没有参数。
如果有dataLayer里有事件参数,通过数据层变量去获取。
Step 4 : 预览测试
事件配置好后需要测试,Google Tag Manager直接点击右上角的「预览」去测试:
可以看到设置的代码是触发成功,可以发布。
拓展阅读:
- Google Analytics 4 事件跟踪系列⓪—— GA4事件的规则和限额
- Google Analytics 4 事件跟踪系列①—— 自动收集的事件
- Google Analytics 4 事件跟踪系列②—— 增强型衡量事件
- Google Analytics 4 事件跟踪系列③—— 推荐事件
- Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)
- Google Analytics 4 事件跟踪系列⑤—— 自定义事件(属性定位)
- Google Analytics 4 事件跟踪系列⑥—— 自定义事件(自定义HTML注入)
- Google Analytics 4 事件跟踪系列⑦—— 自定义事件(自定义HTML监听)
- Google Analytics 4 事件跟踪系列⑧—— 自定义事件(jQuery方法)
- Google Analytics 4 事件跟踪系列⑨—— 自定义事件(ga-data方法)
- Google Analytics 4 事件跟踪系列⑩—— 自定义事件(dataLayer方法)
- Google Analytics 4 事件跟踪系列⑪—— 无代码事件跟踪
- Google Analytics 4 事件跟踪系列⑫—— 修改事件