2011-07-26 75 views
158

在WordPress,頁眉或頁腳中插入Google Analytics代碼的最佳位置在哪裏?我更喜歡footer,因爲我希望我的站點通過減少標題中腳本的數量來加快加載速度,但是即使腳本在腳註中也可以工作嗎?插入Google Analytics(分析)代碼的最佳位置

+3

這個問題讓我想起了這條底線:「告訴我們在哪兒,就是看中了孕育,在心臟()或在「 - 莎士比亞(威尼斯商人) – eharo2

回答

212

谷歌過去建議把它放在</body>標籤之前,因爲他們提供的用於加載ga.js的原始方法是阻塞的。但是,較新的異步語法可以安全地放在最前面,並且阻塞程度最小,因此當前的建議就在</head>標記之前。

<head>會增加一點延遲;在頁腳中會減少一些小頁面記錄的綜合瀏覽量。這是一個折衷。 ga.js嚴重高速緩存,並且存在於整個網絡的很大一部分網站上,所以它通常從緩存中提供,從而將延遲降低到幾乎爲零。

作爲個人喜好的問題,我喜歡將它包含在<head>中,但它確實是一個偏好問題。

+9

要添加到此,在中添加它還帶來了額外的好處,即無需任何其他手動驗證方法即可驗證Google Search Console。 – williamvicary

2

是的,建議將GA代碼放在頁腳中,因爲頁面不應該算作頁面訪問,直到它讀取所有標記爲止。

+4

如果分析師想追蹤讓用戶到達頁面的來源,那麼呢?用戶甚至可以在加載完成之前離開頁面,這可能是因爲許多因素造成的,應始終執行最少的源代碼跟蹤。所以,標籤是推薦的地方。 – iMatoria

2

如果你想頁面已經被渲染後腳本加載,你可以使用:

function getScript(a, b) { 
    var c = document.createElement("script"); 
    c.src = a; 
    var d = document.getElementsByTagName("head")[0], 
     done = false; 
    c.onload = c.onreadystatechange = function() { 
     if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) { 
      done = true; 
      b(); 
      c.onload = c.onreadystatechange = null; 
      d.removeChild(c) 
     } 
    }; 
    d.appendChild(c) 
} 

//call the function 
getScript("http://www.google-analytics.com/ga.js", function() { 
    // do stuff after the script has loaded 
}); 
+4

儘管如此,這可能會顯着影響您的網頁分析。 – LocalPCGuy

29

As google says

它只是關閉</head>標記之前粘貼到你的網頁。

該異步片段的主要優點之一是,您可以將其放置在HTML文檔的頂部,即 。這增加了跟蹤信標將在用戶離開頁面之前發送的可能性。這是習慣將JavaScript代碼在 <head>部分,我們建議您將片段在 以獲得最佳性能

<head>部分
+0

值得一提的是,他們現在建議您在新Google Analytics帳戶的「'標記」開頭後立即放置「。 (儘管他們的[幫助文件](https://support.google.com/analytics/answer/1008080?hl=en)仍然建議您在結束時提交''。課程:我認爲這完全取決於個人偏好 –

+1

您可以提供新建議的來源嗎? – Jack

+0

它在荷蘭語版本的Analytics中提到,他們'解釋'如何使用PHP實現: 'Voeg de volgende regel direct na de openingstag 腳趾埃爾克sjabloonpagina' – Brainfeeder

相關問題