Google Analytics 4 事件跟踪系列⑩—— 自定义事件（dataLayer方法）

 更新时间：2024年7月6号

这一篇介绍用dataLayer的方式去做事件跟踪。

思路

dataLayer这种做法的原理是主动向数据层推送事件，然后在GTM中的触发器里用自定义事件接受作为促发条件，再用一个代码去做事件配置，整体的原理是非常简单的。

关于dataLayer数据层的内容，延伸阅读：Google Tag Manager中的数据层解析

配置过程

假设对这个位置做dataLayer跟踪：

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直接点击右上角的「预览」去测试：

可以看到设置的代码是触发成功，可以发布。