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

Question

我知道谷歌明确建议在头脑中调用内联分析。但是，在外部文件中调用它有什么潜在的陷阱吗？

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

Answer 1

这并不是谷歌所建议的。

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

var _gaq = _gaq || [];

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

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

目标是这样的：

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

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

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

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

现在，您不想将代码的_gaq =...一部分和代码的脚本下载部分都放在页面顶部。下载脚本需要一段时间。GA 的做法是正确的，并且是异步加载的，这非常完美……但是您仍然可以通过将后半部分移动到页面底部（或将其放在外部脚本中）来清理它.

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

但是您仍然应该考虑将外部脚本留_gaq=...在顶部（这样如果您正在跟踪自定义事件的用户行为，您可以在页面准备好后立即执行此操作 - 但是为什么将其放在外部脚本中，什么时候加载和执行需要时间，而实际分配需要几微秒，即使在慢速浏览器上也是如此？）。

然后将脚本调用向下移动页面（或将其移动到页面底部引用的外部文件中）。