1. 主页
  2. 文档
  3. Google Analytics 4 使用指南(U...
  4. GTM设置
  5. GTM中做事件跟踪

GTM中做事件跟踪

假设现在我想跟踪“关于作者”的点击,位置如下所示:

GTM中做事件跟踪

 

原理的话,其实跟原有的事件跟踪是一样,只不过多了一些参数,我们来看一下具体的设置过程:

设置事件跟踪

接下来看如何在GTM上对GA4做事件跟踪

设置代码Tag

在Google Tag Manager里面新建一个Tag,然后选择“Google Analytics: GA4 Event”代码,命名为“GA4事件跟踪—关于作者”,效果如下:

GTM中做事件跟踪

 

然后配置代码 ,配置代码这里选择GA4,这个是GA4的基础跟踪代码那个tag,如:

GTM中做事件跟踪

事件名称就是对事件的命名,会显示在Google Analytics的报告里面,这里命名为“点击关于作者”:

GTM中做事件跟踪

然后下面还有一些设置,如:

  • 事件参数:这个就是要设置事件参数的位置,GA4的数据你不能随意的做交叉分析的,先需要通过事件跟踪,然后注册才可以做交叉分析
  • 用户属性:其实在“配置代码”里面就已经包含了,如果在这里也设置的,会增加上去。
  • 高级设置:设置一些触发顺序和优先级

这几个里面,事件参数是一定要设置,要好好想想,你需要通过哪些角度去分析这个事件,那么这些角度都需要设置成事件参数,这里我这是两个参数,一个是page_url,我想知道访客是在哪个页面去点击“关于作者”,一个是time,我想知道点击的时间发分布:

GTM中做事件跟踪

用户属性和高级设置可以不用设置。

设置触发器Trigger

然后就是设置触发器Trigger,创建一个触发器命名为“关于作者”:

GTM中做事件跟踪

 

触发器的类型选择“点击 – 仅链接”:

GTM中做事件跟踪

然后返回到博客,将鼠标移动到需要跟踪的位置,也就是“关于作者”的上面,然后点击鼠标右键查看页面元素:

GTM中做事件跟踪

 

可以选用click text(关于作者)和click url(https://www.ichdata.com/about-me.html)去定位,我们这里选用click text,最后的设置为:

GTM中做事件跟踪

然后保存。

最后的效果

为代码选择触发器:

GTM中做事件跟踪

这样就设置好,设置好后要测试看看设置的正不正确,下一节将如何测试。

事件跟踪测试

事件布署好后需要测试,测试的方法有多种。

测试方法1——预览

测试方法1,其实就是原有的测试方式,设置好了,直接点击Google Tag Manager右上角的“预览”:

GTM中做事件跟踪

 

 

然后会打开Tag Assistant的页面,输入要测试的页面,之后自动打开测试页面:

GTM中做事件跟踪

如果你在页面上看到这两个标志,表示页面已经进入测试状态:

  • URL上有gtm_debug=x
  • 右下角有Debugger connected

然后模拟要测试的行为,这里是点击“关于作者”,返回Tag Assistant:

 

GTM中做事件跟踪

 

然后在Summary找到你刚才的测试行为Link Click,点击它,然后在Tags Fired中看是否有你设置的事件,如果有,表示成功触发,如果没有表示就事件设置不对。

这里可以看到“GA4事件跟踪—关于作者”,表示事件跟踪测试成功!!!

测试方法2——DebugView

第2种方法就有些不一样,因为在GA4的报告里面实时是过去30分钟的数据,并不是真正的实时,所以实时报告不能用于测试事件,但GA4报告中提供了一个DebugView的报告,这个是专门用于测试的。

在GTM预览状态下模拟测试行为后,打开DebugView报告:

GTM中做事件跟踪

可以看到这几个地方有数据,这里就是实时测试的。可以看到事件名称是“点击关于作者”,没毛病。

还有另一种方式可以进入DebugView状态,需要在该设置跟踪的Tag做一些设置才可以,找到这个事件跟踪,在事件参数里加两个设置:

GTM中做事件跟踪

  • all_data设置设置所有的自定义参数都赋值
  • debug_mode事件数据显示在DebugView报告,

然后再去预览,模拟行为,关于验证数据传递的有两个位置可以看

 

测试方法3——浏览器Network下的Collect请求

另一个是看collect请求

GTM中做事件跟踪

  • en,event name表示事件名称
  • ep,event parameter,表示事件参数

看到这两个就表示事件触发。

 

注册事件参数

最后一个就是注册事件参数,事件参数要在Google Analytics 4能够使用,还需要注册事件参数,虽然每个事件跟踪可以设置25个事件参数,但每个事件能注册的是只有5个,而且对于一个媒体资源而言,还有数量总额的显示,如果是普通全局版是限额注册50个,对于GA4限额注册是100个。文本型的注册成为事件级自定义维度,数值型的注册成事件级自定义指标。

注册事件参数设置是在在Google Analytics 4里的自定义定义中:

GTM中做事件跟踪

 

点击右上角的注册自定义维度

GTM中做事件跟踪

 

  • 维度名称:在GA中显示的维度名字
  • 范围:级别,有事件和用户的,如果是事件参数,选择事件。
  • 说明:描述,说明这个注册做说明
  • 事件参数:事件跟踪里面的事件参数。

假设需要注册page_url这个参数,那么可以这样设置:

GTM中做事件跟踪

 

注意,事件参数值需要注册一次即可。


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

我们要如何帮助您?

发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(18)个小伙伴在吐槽
  1. 请问在gtm设定好了一切,可是ga4的debugview没显示该事件,是什么问题呢?
    halo2023-08-11 17:28 回复 Mac OS X | Chrome 112.0.0.0
    • Haran
      预览调试状态才会显示。
      黄业忠2023-08-11 17:43 回复 Mac OS X | Chrome 115.0.0.0
  2. 使用代码管理器,配置GA4的事件,是不是麻烦很多,参数都要提前配置好可不可以代码层直接配置事件和参数,类似之前的这样window.gtag('event', '注册成功', {email: this.login_data.mail})或者代码管理器和之前直接添加的Analytics可以共存?
    zyk2022-08-28 13:21 回复 Mac OS X | Chrome 104.0.0.0
    • Haran
      可以。该种方式需要在源码修改,会涉及到版本发布,如果内部有严格的版本发布流程,这种方式效率会比较低。
      黄业忠2022-08-28 13:34 回复 Mac OS X | Chrome 104.0.0.0
  3. 我在GTM中设置了跟踪banner点击和邮箱注册点击,第二天在GA4事件中直接就有了这两个事件,我也没有去注册那些,但事件里面就有了,是正确的吗?
    olga2022-05-12 10:44 回复 Windows 10 | Chrome 100.0.4896.127
    • Haran
      是否已经发布到线上,有其他用户点击造成
      黄业忠2022-05-12 11:20 回复 Mac OS X | Chrome 101.0.4951.64
  4. 想请问下,在GTM中设置完事件跟踪后,我按照你的方法在GA中也测试成功了。那这里的事件跟踪信息会在GA中产生报告吗,还是说还需要在GA中设置事件报告呢?这里具体的一个思路是怎样的呢?麻烦了!
    Desmond2022-04-26 22:13 回复 Windows 10 | Chrome 100.0.4896.75
    • Haran
      你是用什么版本的,如果是UA版本,不需要设置就;如果是GA4,还需要将事件参数在GA4里注册。
      黄业忠2022-04-26 22:31 回复 Mac OS X | Chrome 100.0.4896.127
      • 用的是GA4,这两看完你的帖子,已经部署成功了?
        Desmond2022-04-26 23:19 回复 Linux | Chrome 88.0.4324.93
  5. 请问下,GA4想要统计到在网站下载的客户端内的时间操作,要怎么设置啊。
    2022-01-22 16:55 回复 Windows 10 | 搜狗浏览器 2.X
  6. 请问埋进去的参数,在“事件参数”下拉里面找不到,会是什么原因呢?找不到的主要是包含在items array下面的商品参数。感谢
    wesley2021-03-15 15:57 回复 Mac OS X | Chrome 89.0.4389.82
    • Haran
      电商的数据在电商报告里面。
      黄业忠2021-03-15 16:13 回复 Mac OS X | Chrome 89.0.4389.82
      • 不好意思,我表达得不太清楚。我指的是在注册自定义维度的时候,事件参数里找不到已经埋上去的包在items array里面的商品参数。例如item_brand、item_category这些。不知道可能是什么原因?
        wesley2021-03-16 10:36 回复 Mac OS X | Chrome 89.0.4389.82
        • Haran
          没有的可以手动输入。
          黄业忠2021-03-16 10:45 回复 Mac OS X | Chrome 89.0.4389.82
          • 手动输入,好像不能跟我们埋进去的参数对应?我试过手动输入,最后输入的值好像统计不出东西来
            wesley2021-03-16 15:18 Mac OS X | Chrome 89.0.4389.82
  7. hello,请问一下这个注册事件参数,我测试之后都没有和你一样的界面,是需要另外再单独设置吗?这个是测试代码,我随便加了两个参数 gtag('event', 'view_item_list', { favorite_composer: 'SKU_12345', favorite_instrument: 'jeggings'});
    aaron2021-01-12 11:16 回复 Windows 10 | Chrome 87.0.4280.141
    • Haran
      注意使用的GA的版本,GA4才需要注册事件参数,UA的是不需要的,看你的测试代码,是GA4的。
      黄业忠2021-01-12 11:39 回复 Mac OS X | Chrome 87.0.4280.141