GA4事件跟踪系列⑩—— 自定义事件（dataLayer.push方法）

文章目录[隐藏]

更新时间：2024年7月6号

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

思路原理

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

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

前端要添加dataLayer.push为：

dataLayer.push = ({
    'event': 'test',
    'pageType': 'product'
});

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

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

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

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

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

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

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

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

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

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

有疑问可以在底部留言