javascript - 跟踪 JavaScript 文件的消耗和使用

Question

我有一个从 ASP.NET MVC 站点提供的 JavaScript 库。我想跟踪这个库的使用情况。我只对跟踪库加载到的页面、加载时间以及加载次数感兴趣。我不需要跟踪其他分析。

以下是我能想到的方法:

1. 在加载 JavaScript 文件后将分析嵌入到使用网页中。这是可能的，因为我的库将 HTML 元素注入(inject)到使用页面的 DOM 中。就隐私问题而言，这个库实际上只是供我工作的组织内部使用，所以我可能不必为此担心太多。我们使用谷歌分析。
2. 设置一个 ASP.NET MVC Controller 来处理 JavaScript 文件并跟踪每个请求。我相信这就是谷歌对谷歌地图和它的一些其他图书馆所做的。

我想知道是否有人对如何最好地完成此任务有任何一般性建议。我尝试使用 Google Analytics 进行此设置，但 GA 报告中的页面 URL 不显示请求页面的完整 URL。似乎 GA 假定对某个跟踪代码的请求源自基域。

Answer 1

您是否考虑过让您的 JavaScript 文件创建一个图像变量并以这种方式跟踪使用情况？

var img = new Image();
img.src = 'http://www.mysite.com/controller/action?t=' + new Date().getTime();

或

var img = new Image();
img.src = 'http://www.mysite.com/controller/action?url=' + escape(window.top.location) + '&t=' + new Date().getTime();

您不必写入 DOM，但图像会在幕后呈现。您可以通过传递要收集的任何其他变量来扩展它。