Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

Google Analytics 4 Haran 8年前 (2016-07-09) 5710次浏览 0个评论
文章目录[隐藏]

更新时间:2022年11月27号

这一篇文章介绍如何通过页面元素定位法(也叫Trigger定位)去做自定义事件跟踪,这是我最推荐的。

原理

页面元素定位法就是通过页面的属性去定位,如class 、id、text、url等。

一定要选择一些唯一的属性,如某个位置的class的值是唯一,那么就用该class去定位就可以。

如果没有,那么同时使用多个属性,确保它是唯一,不然其他位置的点击也触发,会导致事件跟踪不准确。如某个位置的class的值是不唯一,有两个位置都要这个class,那么再加另一个属性,如text,同时使用class和text属性就可以定位到跟踪的位置。

 

需求分析与事件参数设计

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

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

先做需求分析,判断是否可以用页面元素定位法去做,将鼠标移动到需要跟踪的位置,也就是“关于作者”的上面,然后点击鼠标右键「查看页面元素」:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

 

有href(https://www.ichdata.com/about-me.html)和text(关于作者),可以用页面元素定位法去做,将事件定义为如下:

  • 事件名称:定位为“点击关于作者”
  • 事件参数1定义为page_url,表示当前的页面,是文本型事件参数
  • 事件参数2定义为value,数值为1,固定的,是数值型事件参数(这个主要是为了演示数值型事件参数的注册)

 

GTM配置事件跟踪

接下来看如何做事件跟踪

设置触发器

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

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

可以选用href(https://www.ichdata.com/about-me.html)和text(关于作者)去定位,我们这里选用click text。

返回到GTM,在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」,触发器类型选择“所有元素”,命名为“关于作者”,然后做如下设置:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

Click Text对应的就是text 关于作者,Click URL对应的就是href https://www.ichdata.com/about-me.html。

然后保存。

 

设置代码

接下拉就是设置代码,在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置… 」,代码类型选择“GA4-Event Tracking-关于作者”,命名为“GA4-Event Tracking-关于作者”,然后做如下设置:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

 

事件就设置好了,设置信息如下:

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

 

预览调试

事件配置好后需要测试,测试的方法有多种,可以用GTM的预览(Tag Assistant),GA4里的Debugview,和浏览器开发者工具里的Network。

事件调试这一步,我介绍了三种方法,你只需要用一个去调试就可以,不需要每种方法都调试一次,我建议是使用GTM预览(Tag  Assistant)

GTM预览,其实就是Tag Assistant,直接点击Google Tag Manager右上角的“预览”:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

 

 

然后会打开Tag Assistant的页面,输入要测试的页面,之后自动打开测试页面,如果你在页面上看到这两个标志的其中一个,表示页面已经进入测试状态:

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

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

 

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

 

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

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

更多关于Tag Assistant的用法,请看Google Tag Manager中新的调试方式:Tag Assistant

 

GA4中提供内置的调试功能——DebugView,DebugView要进入调试状态有三种方式:

  • GTM预览(Tag Assistant):当GTM预览的时候,DebugView会进入调试状态
  • debug_mode:在事件参数将debug_mode设置为true,就可以进入调试状态
  • Chrome里的插件Google Analytics Debugger

进入调试状态后就模拟测试行为后,这里是点击“关于作者”,返回GA4在GA中点击「配置」——「DebugView」,打开DebugView报告:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

 

可以看到事件名称是“点击关于作者”,没毛病。

更多关于DebugView的用法,请看:GA4的内置调试方式——DebugView

 

另一个是看collect请求

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

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

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

 

 

发布

在GTM中点击右上角的「提交」,将配置发布出去。

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

注册事件参数

接下拉就是注册事件参数,有两个事件参数  由于page_url是文本型,所以注册为自定义事件级别自定义维度,value是数值型,所以注册为自定义事件级别自定义指标。

义事件级别自定义指标。

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

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

GA4中点击「管理」——「自定义设置」——「自定义指标」——「创建自定义指标」,然后做如下设置:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

 

这样就设置完成了。

一般设置后是隔天才有数据,有时候可能两天才有

 

验证数据和报告查看

由于GA4的数据延时,数据需要24小时候才会出现在报告中。

GA4中点击「报告」——「生命周期」——「互动度」——「事件」,可以在事件报告中找到事件“点击关于作者”:

Google Analytics 4 事件跟踪系列⑤—— 自定义事件(页面元素定位法)

注意点

事件调试这一步,我介绍了三种方法,你只需要用一个去调试就可以,不需要每种方法都调试一次,我建议是使用GTM预览(Tag  Assistant)


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

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址