谷歌网页追踪代码 —— 笔记

Posted 2020-10-02

看到很多网页源码有以下代码：
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push([‘_setAccount‘, ‘UA-16407365-1‘]);
  _gaq.push([‘_trackPageview‘]);

  (function() {
    var ga = document.createElement(‘script‘); ga.type = ‘text/javascript‘; ga.async = true;
    ga.src = (‘https:‘ == document.location.protocol ? ‘https://ssl‘ : ‘http://www‘) + ‘.google-analytics.com/ga.js‘;
    var s = document.getElementsByTagName(‘script‘)[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
含义：谷歌分析 GA的追踪代码，一段JS代码。是用于网页追踪的，把这段代码网到网页上，当网页被请求时，就会向谷歌的服务器发送回相应的COOKIES数据，然后形成报告。

代码分析：
var _gaq = _gaq || [];//定义一个数组，若_gaq不为空，则取自己的值，否则初始化为空

_gaq.push([‘_setAccount‘, ‘UA-16407365-1‘]);//push方法向数组中添加2个字符串元素_setAccount‘和‘UA-16407365-1‘

(function(){})是一个闭包的用法，在javascript中用的很多也很重要，可以去好好学一下，闭包必定会被调用。

var ga = document.createElement(‘script‘); ga.type = ‘text/javascript‘; ga.async = true;//创建一个script元素，脚本类型为javasceipt，异步的类型

ga.src = (‘https:‘ == document.location.protocol ? ‘https://ssl‘ : ‘http://www‘) + ‘.google-analytics.com/ga.js‘;//设定这个script的源代码为ga.js

var s = document.getElementsByTagName(‘script‘)[0]; //取得第一个tag名为script的元素，所谓tag名就是html中每一个元素的类型名字，比如div，img等

s.parentNode.insertBefore(ga, s);//在s前添加元素ga