Google Analytics 4 事件跟踪系列⑥—— 自定义事件（自定义HTML注入）

文章目录[隐藏]

这一节要介绍一种特别的事件跟踪方法，如果你学会这个，那你完全可以抛开开发，但这个需要你掌握js，下面进入正题。

原理

通过GTM中的自定义html注入js，给相关跟踪位置添加上属性，然后通过GTM里面控制触发的顺序，这样这个事件跟踪就已经添加上页面的html代码了，当你触发的时候就会发送事件。

下面以点击“关于作者”做事件跟踪为例子：

然后在自定义html写个js，定位位置，添加属性即可

代码要设置优先级更高些，然后是在基础跟踪代码家在之前就要加载好。

这样跟踪代码就加到页面上去了

原则上这种方法可以应用于所有的事件跟踪，而且直接自己能在GTM操作，不需要开发，不足就是不分页面复杂的定位可能比较复杂，需要js。

执行顺序和快慢会影响它的触发。

不建议使用这种方式。

拓展阅读：

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

请问其中按钮，点击，关于作者，这三个变量是随便定义的么，还是根据标签来定义的

FangyouLi2018-12-24 14:31 回复 Windows 7 | Chrome 68.0.3440.106

随意自定义
黄业忠2018-12-24 15:16 回复 Windows 7 | Chrome 65.0.3325.52
- function gtmga(){ dataLayer.push({'event':'gtm.event.registration'}) ga('send', 'event', 'button', 'Click', 'login-btn')}这边用一个方法触发ga，定义了“button”“Click”“login-btn” 三个参数那么那么我在GA中管理->目标->目标详细信息的类别：button,操作：Click,标签：login-btn对吗？我用的是gtm的头，并未发现定义了ga(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WQ5MG2H');
  FangyouLi2018-12-24 15:22 回复 Windows 7 | Chrome 68.0.3440.106