不建议使用这种方式
这一节要介绍一种“理论上可行,但实务上不推荐”的事件跟踪方法。
如果你掌握了这套方法,在某些简单场景下确实可以完全不依赖开发人员,只通过Google Tag Manager(GTM)完成事件埋点。但前提是:
⚠️ 你需要具备一定的JavaScript基础
⚠️ 并且清楚GTM中标签的加载顺序与执行时机
下面先介绍它的原理和实现方式,再解释为什么不建议在正式环境中使用。
实现原理说明
这种方式的核心思路是:通过GTM 的「自定义 HTML」标签注入一段JavaScript,在页面加载早期,用JS定位DOM元素,给目标元素动态添加属性(如data- 属性或 class),再通过GTM的点击触发器,基于这些新增属性来触发事件,事件触发后,将数据发送到 GA4
从结果上看,相当于:你通过GTM,“间接修改了页面HTML结构”,从而让原本无法直接追踪的元素,变得“可追踪”
示例说明:跟踪「关于作者」点击事件
Step 1:使用自定义HTML注入JS
在GTM中新建一个自定义 HTML标签,写入一段 JavaScript,定位位置,添加属性即可
为了确保后续的点击事件能正确触发,这个自定义 HTML标签必须满足两个条件:
- 优先级要足够高:在 GTM 中将该标签的触发顺序设为靠前
- 必须在基础跟踪代码之前或至少同时加载完成:否则,点击行为可能发生时,属性还没被注入
所以代码要设置优先级更高些,然后是在基础跟踪代码加载之前就要加载好。
Step 2:验证代码
这种方式能做什么?
从技术角度看,这种方式适用于所有跟踪,而且全部在GTM完成。
但为什么「不建议使用」?
- 强依赖执行顺序,极不稳定:这种方式高度依赖JavaScript的执行时机,顺序
- 页面结构变动,埋点直接失效
- 调试与维护成本极高
- 可读性差,不利于团队协作:当容器里出现大量「自定义 HTML + DOM 注入」时,就不好维护
结论
原则上,这种方法几乎可以应用于所有事件跟踪,但从稳定性、可维护性和长期成本来看,不建议使用
拓展阅读:
- Google Analytics 4 事件跟踪系列⓪—— GA4事件的规则和限额
- Google Analytics 4 事件跟踪系列①—— 自动收集的事件
- Google Analytics 4 事件跟踪系列②—— 增强型衡量事件
- Google Analytics 4 事件跟踪系列③—— 推荐事件
- Google Analytics 4 事件跟踪系列④—— 自定义事件(gtag方法)
- Google Analytics 4 事件跟踪系列⑤—— 自定义事件(属性定位)
- Google Analytics 4 事件跟踪系列⑥—— 自定义事件(自定义HTML注入)
- Google Analytics 4 事件跟踪系列⑦—— 自定义事件(自定义HTML监听)
- Google Analytics 4 事件跟踪系列⑧—— 自定义事件(jQuery方法)
- Google Analytics 4 事件跟踪系列⑨—— 自定义事件(ga-data方法)
- Google Analytics 4 事件跟踪系列⑩—— 自定义事件(dataLayer方法)
- Google Analytics 4 事件跟踪系列⑪—— 无代码事件跟踪
- Google Analytics 4 事件跟踪系列⑫—— 修改事件





