统计页面浏览量的最短的Google Analytics代码段

bitbit
最后编辑于 2018年12月14日 开发

一个德国小伙,David Künnen,创建了一个网站minimalanalytics.com,仅在上面发布了一段仅1.2K的使用Google Analytics API统计网页浏览量(Page View)的代码段。如果使用Google Tag Manager+ Analytics的方式,则大小是75K。

该段代码将网页浏览的数据直接发送到Google Analytics API,因此无需添加外部库。采用React和Vue.js的网页也可以使用这种方式,既可以节省带宽,又可以提高网页加载速度。做网站优化的同学可以参考一下。

把下面代码嵌入到网页中即可,同时把XX-XXXXXXXXX-X换成你的tracking id

<script>
  (function(a,b){var c=function(i,j){j||(j=window.location.href),i=i.replace(/[[]]/g,'\$&');
  var k=new RegExp('[?&]'+i+'(=([^&#]*)|&|#|$)'),l=k.exec(j);
  return l?l[2]?decodeURIComponent(l[2].replace(/+/g,' ')):void 0:void 0},
  d=function(){return'_'+Math.random().toString(36).substr(2,9)},
  e=function(){return localStorage.cid||(localStorage.cid=d()),localStorage.cid},
  f=function(i){var j=[];for(var k in i)i.hasOwnProperty(k)&&
  void 0!==i[k]&&j.push(encodeURIComponent(k)+'='+encodeURIComponent(i[k]));
  return j.join('&')},g=function(){setTimeout(function(){var j={v:'1',tid:b,cid:e(),
  t:'pageview',sd:screen.colorDepth?screen.colorDepth+'-bits':void 0,dr:c('ref'),
  dt:document.title,dl:document.location.origin+
  document.location.pathname+document.location.search,
  ul:(navigator.language||'').toLowerCase(),de:document.characterSet,
  sr:(window.screen||{}).width+'x'+(window.screen||{}).height,
  vp:(window.visualViewport||{}).width+'x'+(window.visualViewport||{}).height},i=new XMLHttpRequest;
  i.open('GET','https://www.google-analytics.com/collect?'+f(j)+'&z='+Math.random(),!0),
  i.send(null)},10)},h=a.pushState;a.pushState=function(i){
  return'function'==typeof a.onpushstate&&a.onpushstate({state:i}),g(),h.apply(a,arguments)},g()})
  (window.history,'XX-XXXXXXXXX-X');
</script>

网站原文:
Minimal Google Analytics Snippet

登录注册后才能评论。