页面统计方式

百度统计
文档地址: http://tongji.baidu.com/open/api/more?p=ref_trackEvent

function addBaiduStatistics(){
      // 创建一个域名下的百度统计会生成一个对应的 bdkey
      var bdKey = window._hmt_key || '48c7b0546d5b41b4620fbefc7313****';
      var ele = document.createElement("script");
      ele.type = "text/javascript";
      ele.innerHTML = 'var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?'+bdKey+'";   var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); ';
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(ele, s);
}

addBaiduStatistics();

使用
window.recordAction = function(trackName,action,opt_label) {
   /**
      * 
      * @param {*} trackName 要监控的目标的类型名称
      * @param {*} action 用户跟网页进行交互的动作名称
      * @param {*} opt_label 事件的一些额外信息，通常可以是歌曲的名称、软件的名称、链接的名称等等。
      */
        _hmt.push(['_trackEvent', trackName, action, opt_label]); 
    }

Google统计
文档地址: https://support.google.com/analytics/topic/1008079?visit_id=637024000280548512-1433575495&rd=1

<script>
  //  google统计创建监听一个域名的时候会生成一个gtagId
  var gtagId = 'UA-14269****-3';
  var ele = document.createElement("script");
  ele.setAttribute('async','true');
  ele.src = `https://www.googletagmanager.com/gtag/js?id=${gtagId}`;
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(ele, s);

  window.dataLayer = window.dataLayer || [];
  // 这个方法用来触发Google统计
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', gtagId);
</script>

使用
gtag('event', <action>, {    // 是在 Google Analytics（分析）事件报告中显示为事件操作的字符串。
 	'event_category': <category>, //是显示为事件类别的字符串。
    'event_label': <label>, //是显示为事件标签的字符串。
  	'value': <value> //是一个显示为事件价值的非负整数。
});
window.recordAction = function(trackName,action,opt_label) {
      gtag('event', opt_label, {
        'event_category': action,
        'event_label': trackName,
        'value': 1
      });
	
  }

总结:

 // 俩者同时使用
 window.recordAction = function(trackName,action,opt_label) {
      _hmt.push(['_trackEvent', trackName, action, opt_label]); 
      gtag('event', opt_label, {
        'event_category': action,
        'event_label': trackName,
        'value': 1
      });
 }