javascript - 外部 js 文件中的谷歌分析

Question

我知道 Google 明确建议在头部调用内联分析。但是，在外部文件中调用它是否存在任何潜在的陷阱？

我已经安装了 Chrome 版 Google Analytics 调试器，一切正常。我在页面头部的外部 js 文件中调用它。

Answer 1

这并不完全是 Google 的建议。

基本上，您可以尽早实例化 GA - 这就是说:

var _gaq = _gaq || [];

其余部分，您可以在页面底部加载。

您甚至可以将 _gaq =...; 放入页面顶部的外部文件中，然后将其余部分放在底部。

目标是这样的:

Google 一开始就将 _gaq 设为数组。然后，您使用数组的 .push(...); 方法向数组添加跟踪(实际上，您只是添加字符串数组)。

当您在页面底部添加代码的第二部分时，它将把 _gaq 数组内部的数据保存到一个保存数组中。然后它将 _gaq 变成一个真实的程序，其中 .push(...); 从现在开始，在页面上实际发送数据等等。

在初始加载完整文件时，_gaq 将运行推送的指令数组并将其转换为服务器调用。

他们建议在页面尽可能高的位置开始_gaq，以便您可以向页面、按钮或其他任何位置添加基于用户的跟踪......这样当程序最终确实在页面底部加载您通过_gaq.push(["_method", "data "]); GA 在运行时将对其进行跟踪，因此您不会错过任何事件。

现在，您不想同时放置代码的 _gaq =... 部分、和脚本下载页面顶部的部分代码。下载脚本需要一段时间。GA 正在以正确的方式执行此操作，并且正在异步加载它，这非常完美......但是您仍然可以通过将后半部分移动到页面底部(或将其放入外部脚本中)来清理它.

所以答案最终是，是的，可以 100% 自由地将 GA 代码移动到外部脚本中，这不会改变它的运行方式。

但是您仍然应该考虑将 _gaq=... 的外部脚本保留在顶部(这样，如果您要跟踪自定义事件的用户行为，您可以尽快执行此操作)页面已准备就绪 - 但为什么要将其放入外部脚本中，因为加载和执行需要时间，而实际分配则需要几微秒，即使在速度较慢的浏览器上也是如此？)。

然后将脚本调用移至页面下方(或将其移至页面底部引用的外部文件中)。