插入Google Analytics(分析)代码的最佳位置

在WordPress,页眉或页脚中插入Google Analytics(分析)代码的最佳位置在哪里? 我更喜欢页脚,因为我想通过减less页眉中脚本的数量来加快我的站点加载速度,但即使脚本在页脚中,它也可以工作吗?

Google曾经build议把它放在</body>标签之前,因为它们提供的加载ga.js的原始方法是阻塞的。 虽然新的asynchronous语法可以安全地放在头上,但是阻塞很less,所以当前的build议就在</head>标记之前。

<head>会增加一点延迟; 在页脚中会减less一些小页面logging的综合浏览量。 这是一个折衷。 ga.js在很大程度上被高速caching,并呈现在整个networking的大部分网站上,所以它通常从caching中提供服务,从而将延迟降低到几乎为零。

作为一个个人喜好的事情,我喜欢将它包含在<head> ,但它确实是一个偏好的问题。

正如谷歌所说 :

将它粘贴到您的网页上,就在closures</head>标签之前。

asynchronous片段的一个主要优点是可以将其放在HTML文档的顶部。 这增加了跟踪信标将在用户离开页面之前被发送的可能性。 通常将JavaScript代码放在<head>部分,我们build议将代码片段放在<head>部分的底部以获得最佳性能

是的,build议将GA代码放在页脚中,因为页面不应该被视为页面访问,直到它读取所有标记为止。

如果您希望脚本在页面被渲染后加载,您可以使用:

 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("ga.js", function() { // do stuff after the script has loaded });