更新时间:2024年12月3号
这一节要介绍另一种做事件跟踪的方法,是通过jQuery绑定class属性的方法来实现的。
原理
将需要跟踪的位置用datalayer push绑定,一般定位到class,且这个class要唯一,如果有人点击位置,那么事件就通过datalayer push这个方法发送出去,推送出去的信息再通过数据层去接受,然后去代码中设置。
这个方法有一个好处就是datalayer push的可以用统一的结构,后续需要增加事件跟踪,直接对新增的绑定位置做新增即可实现。
演示案例
Step 1 :查看页面源码
将鼠标移动需要跟踪位置,点击鼠标右键中的“检测”,然后查看页面元素:
可以看到有class g-mono,这个将用于触发器的设置。
Step 2 :设置自定义THML
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「自定义HTML」,命名为“HTML-Listen Icon Click”,做如下设置:
代码里的g-mono替换为你实际需要跟踪位置的class即可。
Step 3 :设置触发器
在GTM中点击「触发器」—「触发器」—「选择一个触发器类型以开始设置」——「自定义事件」,命名为“home_icon”,做如下设置:
这里的事件名称就是dataLayer.push里的event的值。
Step 4 :设置代码
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics(分析):GA4 事件」,命名为“GA4-Event-click home”,做如下设置:
注意:如需要区分,请自行设置事件参数。
Step 5 :预览调试
最后就是测试,页面打开看到文章,然后返回到Tag Assistant,可以看到准确触发:
如果你不会调试。









