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

Google Analytics 4 Haran 8年前 (2017-03-15) 8618次浏览 2个评论
文章目录[隐藏]

 更新时间:2024年7月6号

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

思路

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

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

配置过程

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

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

 

Step 1 : 前端添加dataLayer.push

前端要添加dataLayer.push为:

dataLayer.push({'event': 'test'});

添加后的效果为:

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

Step 2 : 设置触发器

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

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

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

 

Step 3 : 设置代码

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

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

这里演示的事件没有参数。

如果有dataLayer里有事件参数,通过数据层变量去获取。

 

Step 4 : 预览测试

事件配置好后需要测试,Google Tag Manager直接点击右上角的「预览」去测试:Google Analytics 4 事件跟踪系列⑩—— 自定义事件(dataLayer方法)

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


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (5)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 厉害了,不错
    膜拜作者2017-03-15 19:30 回复 Linux | Chrome 53.0.2785.49
    • 哈哈,已经有课程,有兴趣,可以参加 :razz:
      GA小站2017-03-16 09:43 回复 Windows 10 | Chrome 57.0.2987.98