最小化的 Google Analytics 代码

一个简单的代码段,用于跟踪网站上的网页浏览量,而无需添加外部库。 也适用于使用react和vue.js等单页应用程序。

Before

Google Tag Manager + Analytics = 73kB

After

Snippet = 1.5kB

<script>
  (function(a,b,c){var d=a.history,e=document,f=navigator||{},g=localStorage,
  h=encodeURIComponent,i=d.pushState,k=function(){return Math.random().toString(36)},
  l=function(){return g.cid||(g.cid=k()),g.cid},m=function(r){var s=[];for(var t in r)
  r.hasOwnProperty(t)&&void 0!==r[t]&&s.push(h(t)+"="+h(r[t]));return s.join("&")},
  n=function(r,s,t,u,v,w,x){var z="https://www.google-analytics.com/collect",
  A=m({v:"1",ds:"web",aip:c.anonymizeIp?1:void 0,tid:b,cid:l(),t:r||"pageview",
  sd:c.colorDepth&&screen.colorDepth?screen.colorDepth+"-bits":void 0,dr:e.referrer||
  void 0,dt:e.title,dl:e.location.origin+e.location.pathname+e.location.search,ul:c.language?
  (f.language||"").toLowerCase():void 0,de:c.characterSet?e.characterSet:void 0,
  sr:c.screenSize?(a.screen||{}).width+"x"+(a.screen||{}).height:void 0,vp:c.screenSize&&
  a.visualViewport?(a.visualViewport||{}).width+"x"+(a.visualViewport||{}).height:void 0,
  ec:s||void 0,ea:t||void 0,el:u||void 0,ev:v||void 0,exd:w||void 0,exf:"undefined"!=typeof x&&
  !1==!!x?0:void 0});if(f.sendBeacon)f.sendBeacon(z,A);else{var y=new XMLHttpRequest;
  y.open("POST",z,!0),y.send(A)}};d.pushState=function(r){return"function"==typeof d.onpushstate&&
  d.onpushstate({state:r}),setTimeout(n,c.delay||10),i.apply(d,arguments)},n(),
  a.ma={trackEvent:function o(r,s,t,u){return n("event",r,s,t,u)},
  trackException:function q(r,s){return n("exception",null,null,null,null,r,s)}}})
  (window,"XX-XXXXXXXXX-X",{anonymizeIp:true,colorDepth:true,characterSet:true,screenSize:true,language:true});
</script>

Setup: Just put the snippet into your html, replace ‘XX-XXXXXXXXX-X‘ with your tracking id and you‘re ready to go. You can also add options for what information you want to track.

Event: ma.trackEvent(‘Category‘, ‘Action‘, ‘Label‘, ‘Value‘)

Exception: ma.trackException(‘Description‘, ‘Fatal‘)

原文地址:https://www.cnblogs.com/huoxiao/p/10288945.html

时间: 2024-08-30 15:24:27

最小化的 Google Analytics 代码的相关文章

C# 实现WinForm窗口最小化到系统托盘代码,并且判断左右鼠标的事件

1.设置WinForm窗体属性showinTask=false 2.加notifyicon控件notifyIcon1,为控件notifyIcon1的属性Icon添加一个icon图标. 3.添加窗体最小化事件(首先需要添加事件引用): this.SizeChanged += new System.EventHandler(this.Form1_SizeChanged); //上面一行是主窗体InitializeComponent()方法中需要添加的引用 private void Form1_Siz

Android下最小化程序到后台代码

procedure TForm1.Button4Click(Sender: TObject); var    Intent: JIntent; begin    Intent := TJIntent.JavaClass.init(TJIntent.JavaClass.ACTION_MAIN);    Intent.addCategory(TJIntent.JavaClass.CATEGORY_HOME);    Intent.setFlags(TJIntent.JavaClass.FLAG_AC

Java之路(六) 局部变量作用域最小化

将局部变量的作用域最小化,可以增强代码的可读性和可维护性,并降低出错的可能性. 将局部变量的作用域最小化的方法有: 方法1:在第一次使用某个局部变量的地方进行声明. a.Java可以在任何可以出现语句的地方声明变量. 这条规则可以让我们在需要的地方声明变量,从而缩小作用域,如果没有这个前提,后面的一切都不成立了. b.过早的声明局部变量不仅会是它的作用域过早的扩展,而且结束的过于晚了. 要正确理解这句话.局部变量的作用域从它被声明的点开始扩展,一直到外围块的结束处.见下图: 如果变量是在“使用它

11、将局部变量的作用域最小化

将局部变量的作用域最小化,可以增强代码的可读性和可维护性,并降低出错的可能性. 早期的程序设计语言要求局部变量必须在代码块的开头处声明,很多程序员保持这种习惯,但这是不好的.最好的方式就是在初次使用它的地方进行声明,否则等到运用的时候可能已经记不起这个变量名称,或者类型,这对于开发来说,或者阅读代码的人来说都是一件分散注意力的因素. 而如果在开头处声明,通常意味着它可以被应用到多个域当中,那你就可能在别的域中误用这个变量,尤其是在现今代码拷贝成习惯的开发日常,而从编译角度讲,代码是没有错误的,所

【转载】国内网站博客数据统计选免费Google Analytics还是百度统计

[转载]国内网站博客数据统计选免费Google Analytics还是百度统计 Google Analytics谷歌统计是我用的第一个网站统计工具,当然现在也一直在用.Google Analytics凭借其强大的功能和超强的稳定性.快速的反应能力.广泛的数据应用功能,受到了广大站长的追捧. 使用Google Analytics的站长们应该不在少数吧,每天登录Google Analytics免费网站上查看网站的流量也是我们这些站长们必须做的事情,认真分析Google Analytics当中的数据信

第四十五条:将局部变量的作用域最小化

将局部变量的作用域最小化,可以增强代码的可读性和可维护性,并降低出错的可能性. 要使局部变量的作用域最小化,最有力的方法就是在第一次使用它的地方声明. 如果过早的对变量进行声明,首先会造成混乱,对于试图理解程序功能的读者来说,这又多了一种只会分散他们注意力的因素.等到 用该变量的时候,读者可能已经记不起该变量的类型或者初始值了.其次,过早的声明局部变量不仅会使它的作用域过早的扩展,而且 结束得也过于晚了.局部变量的作用域从它被声明的点开始扩展,一直到外围块的结束处.如果变量是在"使用它的块&qu

Google Analytics 跟踪代码安装后状态总是显示&#39;未安装跟踪代码&#39;

最近要使用Google Analytics,但是在跟踪代码安装后状态总是显示'未安装跟踪代码'!如下所示:   在Google Analytics的帮助中“排查常见的跟踪设置错误”文章中找到了解决方法,拷贝适合多余空格导致. 附: 排查常见的跟踪设置错误 正确安装跟踪代码段后,最长需要 24 小时才能在帐户中看到数据.如果安装 24 小时后仍未看到任何数据,请查看下列可能的原因: 使用的代码段不正确和/或您查看了错误的帐户或视图如果您在跟踪多个网站和/或可以访问多个 Google Analyti

Google Analytics统计代码GA.JS中文教程

2010-12-06 11:07:08|  分类: java编程 |  标签:google  analytics  ga  js  代码  |举报|字号 订阅 今天我们讲一讲Google Analytics新统计代码GA.JS,关于GA.JS脚本在这里跟大家深入浅出地进行探讨和学习.代码示例: 12345678910 <script type=”text/javascript”>var gaJsHost = ((”https:” == document.location.protocol) ?

Google Analytics谷歌分析教程:代码添加

一般用户注册添加过程 如果您是第一次知道Google Analytics(分析),并想把Google Analytics(分析)添加到您的网站上,那么您只需要以下几步 第一步:创建 Google Analytics(分析)帐户 要创建 Google Analytics(分析)帐户,请按以下步骤操作: 1.访问 http://www.google.cn/analytics/zh-CN/. 2.输入您 Google 帐户的电子邮件和密码,然后点击登录.如果没有 Google 帐户,请点击立即注册创建