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

Google Analytics 4 Haran 8年前 (2017-04-26) 11062次浏览 10个评论

这一节要介绍一种特别的事件跟踪方法,如果你学会这个,那你完全可以抛开开发,但这个需要你掌握js,你准备好了吗,下面如正题:

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

下面以点击“关于作者”做事件跟踪为例子:
Google Analytics 4 事件跟踪系列⑥—— 自定义事件(自定义HTML注入)
然后在自定义html写个js,定位位置,添加属性即可
Google Analytics 4 事件跟踪系列⑥—— 自定义事件(自定义HTML注入)
代码要设置优先级更高些,然后是在基础跟踪代码家在之前就要加载好。

这样跟踪代码就加到页面上去了
Google Analytics 4 事件跟踪系列⑥—— 自定义事件(自定义HTML注入)

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


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (9)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(10)个小伙伴在吐槽
  1. 请问 其中 按钮 ,点击 , 关于作者, 这三个变量是随便定义的么,还是根据标签来定义的
    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
  2. 感谢,屡试不爽
    刘小绿2017-08-09 15:40 回复 Windows 8 | Firefox浏览器 55.0
  3. 问下,gtm里设置了事件跟踪代码,ga里,怎么去找到这个事件
    春风2017-07-27 16:18 回复 Windows 7 | Chrome 60.0.3112.7
    • 行为>事件>热门事件 里面找
      GA小站2017-07-27 16:20 回复 Windows 10 | Chrome 59.0.3071.115
  4. 想请教H大一个问题,只部署了GTM的站点,ga()这个函数并没有声明啊?
    Derin2017-05-09 10:39 回复 Windows 10 | Chrome 58.0.3029.96
    • 用GTM部署网默认跟踪代码就有了
      GA小站2017-05-09 13:06 回复 Windows 10 | Chrome 58.0.3029.96
  5. 这个实际上还是不能完全抛开开发的吧?要是开发同事修改了前面的标签,这个会造成统计错误的。
    Derin2017-04-27 12:01 回复 Windows 10 | Chrome 58.0.3029.81
    • 不需要的,里面用到a只是举例,其他的属性也可以通过js定位,再插入事件跟踪页面修改会有影响,但不要通过数组定位,通过唯一的class,id就没问题
      GA小站2017-04-27 12:06 回复 Mac OS X | Safari浏览器 602.1