通过GTM往页面注入JS做Push event

Google Tag Manager Haran 8年前 (2016-08-08) 6386次浏览 2个评论

原理是:通过GTM的Tag将js代码注入到页面(可以指定页面),js里面有监听函数可以实现监听点击,下拉等操作,监听促发,JS就push event(这里就会使用到变量——工具——Event),然后trigger中通过自定义事件接受event,再用促发tag将自定义事件设置为促发条件向GA发送数据。
通过GTM往页面注入JS做Push event
下面是采集浏览器是否支持Flash的需求,因为某个产品依赖Flash插件,没有Flash插件,用户使用不了该功能,现在需要评估有多少用户会是这种情况,如果多的话,考虑开发js版的。主要是当浏览器不支持flash时,页面有个特殊的字段flashContent,通过判断是否有这个字段可以知道用户的浏览器是否支持Flash:

实现过程
1、注入的js
只监听该页面,促发的时候发送Event:unsupport_flash

<script>
  
  var block_flash= document.getElementsById('flashContent')innerHTML;
  
  if( block_flash){
    dataLayer.push({
      'event':'unsupport_flash'});
  }
  
</script>

通过GTM往页面注入JS做Push event

2、Trigger接收事件
通过GTM往页面注入JS做Push event

3、设置tag:
促发时向Ga发送数据
通过GTM往页面注入JS做Push event

理论上,需要前端加的跟踪,通过这种方式都能实现,对就是的要求会比较高,同时这种方式加代码跟网站上直接加的影响是一样的,所以需要慎重,debug无误后才可以发布到线上。


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

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 博主你好我想统计adsense的点击能用吗
    GMTtt2018-10-20 18:56 回复 Linux | Chrome 37.0.0.0
    • 事件跟踪
      GA小站2018-10-21 15:34 回复 Mac OS X | Chrome 69.0.3497.100