Google Analytics 发布异步跟踪模式代码

2023-04-16 13:30:39 浏览数 (3)

Google Analytics 发布了 Google Analytics 异步跟踪代码,由于改善了代码在浏览器执行,所以它能够更快加载 Google Analytics 跟踪代码,相比原来的 Google Analytics 代码,新的异步跟踪代码还加强了数据收集和准确性,并且消除由于跟踪代码没有加载完而引发的错误。

更快的加载速度

普通加载 Javascript 代码的方法,会阻塞页面渲染和其他资源下载。其实可以通过 DOM 元素的方法加载 Javascript 代码而不会阻塞其它页面的加载,Google Analytics 异步模式就是使用这种方法,它不添加任何内容的网页,它允许在下载 ga.js 的同时渲染网页,这样也大大增强了网站的 Uptime。

更多更准确的统计数据

在使用旧的 Google Analytics 代码的时候,通常是把把代码放在网页的最后来解决 Javascript 代码阻塞的问题,但是这样就会造成的数据的丢失的问题,因为可能用户离开的很快,在 Google Analytics 代码还没有加载完成之前就离开了网页。而使用异步模式,Google Analytics 代码放在 head 的,所以是和网页一起加载的, 这就意味着网页的流量将会更快获得统计,所以 Google Analytics 异步模式代码可以让我们获得更快的页面之外,也能获取更好更准确的流量统计数据。

Google Analytics 异步模式代码

代码语言:javascript复制
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ?
    'https://ssl' : 'http://www')  
    '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
})();

上面就是基本的 Google Analytics 异步模式代码,我们只要把其中 "UA-XXXXX-X" 替换成自己的网站对应的 Google Analytics ID,并且把上面这段代码放入网站的 <head> 之前即可。

新的跟踪代码现在还是在 beta 状态,原先的 Google Analytics 代码还是有用的,如果你想提高网站的速度和增加 Google Analytics 数据的准确性,相信你会喜欢这个 Google Analytics 的异步模式代码。

1 人点赞