更新时间：2024年6月10号
这一篇文章介绍如何通过页面元素定位法（也叫Trigger定位）去做自定义事件跟踪，这是我最推荐的。
原理
页面元素定位法就是通过页面的属性去定位，如class 、id、text、url等。
一定要选择一些唯一的属性，如某个位置的class的值是唯一，那么就用该class去定位就可以。
如果没有，那么同时使用多个属性，确保它是唯一，不然其他位置的点击也触发，会导致事件跟踪不准确。如某个位置的class的值是不唯一，有两个位置都要这个class，那么再加另一个属性，如text，同时使用class和text属性就可以定位到跟踪的位置。
需求分析与事件参数设计
假设，我想跟踪“关于作者”的点击，跟踪的位置如下所示：
先做需求分析，判断是否可以用页面元素定位法去做，将鼠标移动到需要跟踪的位置，也就是“关于作者”的上面，然后点击鼠标右键「查看页面元素」：
有href（https://www.ichdata.com/about-me.html）和text（关于作者），可以用页面元素定位法去做，将事件定义为如下：
- 事件名称：定位为“点击关于作者”
- 事件参数1定义为page_url，表示当前的页面，是文本型事件参数
- 事件参数2定义为value，数值为1，固定的，是数值型事件参数（这个主要是为了演示数值型事件参数的注册）
GTM配置事件跟踪
接下来看如何做事件跟踪。
Step 1：设置触发器
将鼠标移动到需要跟踪的位置，也就是“关于作者”的上面，然后点击鼠标右键查看页面元素：
可以选用href（https://www.ichdata.com/about-me.html）和text（关于作者）去定位，我们这里选用click text。
返回到GTM，在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」，触发器类型选择“所有元素”，命名为“关于作者”，然后做如下设置：
Click Text对应的就是text 关于作者，Click URL对应的就是href https://www.ichdata.com/about-me.html。
然后保存。
Step 2：设置代码
接下拉就是设置代码，在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置… 」，代码类型选择“GA4-Event Tracking-关于作者”，命名为“GA4-Event Tracking-关于作者”，然后做如下设置：
事件就设置好了，设置信息如下：
- 事件名称为“点击关于作者”
- 代码配置为GA4-Basic Tracking是GA4的基础页面跟踪，可以看：一个完整的Google Analytics 4 布署和调优案例
- 事件参数1定page_url
- 事件参数2为value
- 触发器为上一步创建的“关于作者”
这样就设置好，设置好后要测试看看设置的正不正确，下一节将如何测试。
Step 3：预览调试
事件配置好后需要测试，测试的方法有多种，可以用GTM的预览（Tag Assistant），GA4里的Debugview，和浏览器开发者工具里的Network。
事件调试这一步，我介绍了三种方法，你只需要用一个去调试就可以，不需要每种方法都调试一次，我建议是使用GTM预览（Tag Assistant）
GTM预览，其实就是Tag Assistant，直接点击Google Tag Manager右上角的“预览”：
然后会打开Tag Assistant的页面，输入要测试的页面，之后自动打开测试页面，如果你在页面上看到这两个标志的其中一个，表示页面已经进入测试状态：
- URL上有gtm_debug=x
- 右下角有Debugger connected
然后模拟要测试的行为，这里是点击“关于作者”，返回Tag Assistant：
然后在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报告：
可以看到事件名称是“点击关于作者”，没毛病。
更多关于DebugView的用法，请看：GA4的内置调试方式——DebugView
另一个是看collect请求
- en，event name表示事件名称
- ep，event parameter，表示事件参数
看到这两个就表示事件触发。
Step 4：发布
在GTM中点击右上角的「提交」，将配置发布出去。
Step 5：注册事件参数
接下拉就是注册事件参数，有两个事件参数 由于page_url是文本型，所以注册为自定义事件级别自定义维度，value是数值型，所以注册为自定义事件级别自定义指标。
义事件级别自定义指标。
在GA4中点击「管理」——「自定义设置」——「创建自定义维度」，然后做如下设置：
在GA4中点击「管理」——「自定义设置」——「自定义指标」——「创建自定义指标」，然后做如下设置：
这样就设置完成了。
一般设置后是隔天才有数据，有时候可能两天才有
Step 6：验证数据和报告查看
由于GA4的数据延时，数据需要24小时候才会出现在报告中。
在GA4中点击「报告」——「生命周期」——「互动度」——「事件」，可以在事件报告中找到事件“点击关于作者”：
注意点
事件调试这一步，我介绍了三种方法，你只需要用一个去调试就可以，不需要每种方法都调试一次，我建议是使用GTM预览（Tag Assistant）
