最佳位置插入Google Analytics代码

Question

最佳位置插入Google Analytics代码

javascripthtmlwordpressgoogle-analyticsanalytics

176

Google Analytics的代码在WordPress中最好放置于哪里，头部还是底部？我倾向于放在底部，因为我希望通过减少头部脚本的数量来加快我的网站加载速度，但即使脚本放在底部，它是否仍然能够正常工作呢？

- Marky34

4

这个问题让我想起了一句名言：“告诉我，情感是在心脏（<body>）还是在头脑中产生的” - 莎士比亚（《威尼斯商人》）。 - eharo2

4个回答

31

正如谷歌所说：

将其粘贴到Web页面中，就在结束的</head>标签之前。

异步代码片段的主要优点之一是您可以将其放置在HTML文档的顶部。这增加了在用户离开页面之前发送跟踪信标的可能性。通常将JavaScript代码放置在<head>部分中，并建议将代码片段放置在<head>部分底部以获得最佳性能。

- Amr

值得一提的是，现在他们建议在新的Google Analytics账户上将它放置在“ <body> 标签之后立即”（虽然他们的帮助文件仍建议将其放置在关闭 </head> 之前）。教训：我认为这主要取决于个人偏好和代码中的理想流程。 - Jacob Ford

2

你能提供新建议的来源吗？ - Jack

在荷兰版的Analytics中提到了如何使用PHP实现的“解释”： 将以下行直接添加到每个模板页面的开头标签<body>之后 - Brainfeeder

3

如果您希望在页面渲染后加载脚本，可以使用以下代码：

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
});

- Sparkup

5

这可能会对您的页面分析产生负面影响。 - LocalPCGuy

1

是的，建议将GA代码放在页脚中，因为页面应该在读取所有标记之前不计算为页面访问。

- citizen conn

5

如果分析师想要追踪用户到达页面的来源，该怎么办？用户可能会在加载完成之前离开页面，原因可能有很多，但至少应该始终进行来源跟踪。因此，建议将代码放在<head>标签中。 - iMatoria

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yahel · Accepted Answer

谷歌曾经建议将Google分析代码放置在</body>标签前，因为他们最初提供的加载ga.js的方法是阻塞的。然而，使用较新的异步语法，在<head>中安全地放置可以最小化阻止时间，所以当前建议是放在</head>标签前。

<head>会增加一些延迟；放在页脚会稍微减少页面浏览次数。这是一个折衷方案。ga.js被广泛缓存并存在于众多网站上，因此通常从缓存中提供，将延迟降至几乎为零。

出于个人偏好，我喜欢将其包含在<head>中，但这真的只是个人喜好的问题。