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

GTM原理解析 黄业忠 1827次浏览 已收录 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无误后才可以发布到线上。


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:通过GTM往页面注入JS做Push event
链接:https://www.ichdata.com/gtm-through-the-page-into-the-js-to-do-push-event.html

喜欢 (0)
[hyz1100@126.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

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