Google Analytics 4 事件跟踪系列⑧—— 自定义事件（jQuery方法）

文章目录[隐藏]

更新时间：2024年12月3号

这一节要介绍另一种做事件跟踪的方法，是通过jQuery绑定class属性的方法来实现的。

原理

将需要跟踪的位置用datalayer push绑定，一般定位到class，且这个class要唯一，如果有人点击位置，那么事件就通过datalayer push这个方法发送出去，推送出去的信息再通过数据层去接受，然后去代码中设置。

这个方法有一个好处就是datalayer push的可以用统一的结构，后续需要增加事件跟踪，直接对新增的绑定位置做新增即可实现。

假设现在跟踪这个位置的点击：

将鼠标移动需要跟踪位置，点击鼠标右键中的“检测”，然后查看页面元素：

可以看到有class g-mono，这个将用于触发器的设置。

在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「自定义HTML」，命名为“HTML-Listen Icon Click”，做如下设置：

代码里的g-mono替换为你实际需要跟踪位置的class即可。

在GTM中点击「触发器」—「触发器」—「选择一个触发器类型以开始设置」——「自定义事件」，命名为“home_icon”，做如下设置：

这里的事件名称就是dataLayer.push里的event的值。

在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics（分析）：GA4 事件」，命名为“GA4-Event-click home”，做如下设置：

注意：如需要区分，请自行设置事件参数。

最后就是测试，页面打开看到文章，然后返回到Tag Assistant，可以看到准确触发：

拓展阅读：

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