2016-03-12 80 views
0

我會用最快的異步谷歌分析代碼片段,但我不是一個好的程序員,所以我不知道什麼是最好的:什麼是最快的異步谷歌分析代碼片段?

A)

<!-- Google Analytics --> 
<script> 
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; 
ga('create', 'UA-XXXXX-Y', 'auto'); 
ga('send', 'pageview'); 
</script> 
<script async src='//www.google-analytics.com/analytics.js'></script> 
<!-- End Google Analytics --> 

https://developers.google.com/analytics/devguides/collection/analyticsjs/tracking-snippet-reference#async-snippet-minified

B)

<script> 
var _gaq = _gaq || []; 
_gaq.push(['_setAccount', 'UA-XXXXX-1']); 
_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); 
})(); 
</script> 

關於這些代碼我想知道,如果是把裏面的代碼不<script>但裏面<script type="text/javascript">,如果一個問題是</head>之前把沒有(如建議「正常」的片段)

我希望你能問題幫助我,併爲我的英語感到抱歉:)非常感謝!

+2

這些是GA跟蹤代碼的兩個不同版本。第二個版本已被棄用,不支持所有功能(沒有自定義指標和維度,沒有增強的電子商務跟蹤等)。所以無論如何你都應該使用第一個版本。 –

+0

請@EikePierstorff你能告訴我一個不同的第一個版本的例子嗎?在我的網站上(使用CMS drupal)很難(對我來說)添加第一個帶有異步屬性的標記腳本。而且我不知道我是否可以在沒有這個屬性的情況下使用它。我希望你能幫助我:( – Borja

+1

這與速度無關,所有事情都與第一個是谷歌分析的當前版本(包含大量功能的通用分析)有關,第二個是經典分析這是谷歌分析的舊版本,它沒有跟蹤儘可能多的信息。你應該使用analytics.js無論如何。 – DaImTo

回答

0

會猜測第一個。它使用異步並且在加載頁面時不依賴於DOM修改。

0

對於HTML5,使用<script><script type="text/javascript">並不重要。

至於在哪裏放置代碼,通常javascript應該在頁面的底部加載完所有的css/html之後。 Javascript是同步加載的,因此每個文件加載都會停止加載頁面的其餘部分,直到完全加載該特定文件。所有瀏覽器都不支持async標記,所以我不會依賴這個標記。相反,您應該使用異步裝載程序(如requirejsLAB.js)。

至於你應該把谷歌分析腳本,根據我的經驗,這並不重要。這聽起來像你過早優化 - https://stackoverflow.com/a/385529/5780021。根據google的說明,我相信它應該放在頁眉中,以提高頁面加載速度的統計數據。