自定义事件跟踪——dataLayer.push法

文章目录[隐藏]

思路原理
配置过程
使用场景

更新时间：2024年7月6号

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

思路原理

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

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

配置过程

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

Step 1 ：前端添加dataLayer.push

前端要添加dataLayer.push为：

<span style="font-size: 12pt;"><code class="rainbow" data-language="javascript">dataLayer.push <span class="keyword operator">=</span> ({
    'event': 'test',
    'pageType': 'product'
});</code></span>

将其添加到需要跟位置为止后的效果为：

Step 2 ：设置变量

GTM中点击「变量」—「新建」—「选择一个变量类型以开始设置」——「数据层变量」，命名为“Page Type”，做如下设置

Step 3 ：设置触发器

在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」——「自定义事件」，然后做如下设置：

dataLayer.push里的event的值是什么，事件名称就填写什么。

Step 4 ：设置代码

接下来就是设置代码，在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置… 」——「Google Analytics：GA4 事件」，然后做如下设置：

Step 5 ：预览测试

事件配置好后需要测试，Google Tag Manager直接点击右上角的「预览」去测试：

可以看到设置的代码是触发成功，点击查看事件参数page_type：

事件参数的值准确，可以发布。

Step 6 ：自定义设置

在GA4中点击「管理」——「自定义设置」——「创建自定义维度」，然后做如下设置：

Step 7 ：数据验证

一般是24小时后，可以在GA4中看到数据，可以在事件报告中找到“dataLayer demo”事件：

使用场景

电商跟踪，电商跟踪里是使用最多的，延伸阅读：Google Analytics 4 ：Google Tag Manager电商配置指南
SPA跟踪，延伸阅读：在Google Tag Manager上对单页应用做跟踪
特殊情形下的事件跟踪，如果其他跟踪方法都不行，可以考虑用这种方法

拓展阅读：

如有疑问，可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~

Google Analytics 4实战指南——(2025)

自定义事件跟踪——dataLayer.push法

思路原理