使用 Javascript 进行实时基本网络分析

Question

我需要开发一个内部实时分析解决方案（例如类似于 GA 或 mixpanel）来收集：

• 来自网站本身的信息 (URL)
• 来自用户浏览器的信息（语言、设备、操作系统等）
• 来自参考来源的信息等。

.. 并通过单像素图像请求将此数据发送到服务器。 类似于 GA 和其他解决方案的工作方式：

Google Analytics 的工作原理是在您网站的页面上包含一段 JavaScript 代码。 当您网站的用户查看页面时，此 JavaScript 代码会引用一个JavaScript 文件，然后该文件会执行Analytics的跟踪操作。 跟踪操作通过各种方式检索有关页面请求的数据，并通过附加到单像素图像请求的参数列表将此信息发送到分析服务器。

我想知道是否有任何可用的开源项目可以完成这部分，我可以将其用作进一步构建的基础。 有Piwik但它的功能太丰富了，而且对于我的要求来说太重了。

编辑添加：我正在对数据做一些特定的事情，否则我只会使用现有的解决方案。

Answer 1

尝试

var img = new Image;
img.width = img.height = "1px";
var res = window.navigator;
var data = {};
var _plugins = {};
Array.prototype.slice.call(navigator.plugins).forEach(function(v, k) {
  _plugins[v.name.toLowerCase().replace(/\s/, "-")] = {
    "name": v.name,
    "description": v.description,
    "filename": v.filename
  }
});
delete res.plugins && delete res.mimeTypes;
data.url = window.location.href;
data.ref = document.referrer;
data.nav = res;
data._plugins = _plugins;
// set `img` `dataset` with `data` ,
// send `img` to server , decode `img` `dataset` at server
img.dataset.stats = JSON.stringify(data);

 var img = new Image; img.width = img.height = "1px"; var res = window.navigator; var data = {}; var _plugins = {}; Array.prototype.slice.call(navigator.plugins).forEach(function(v, k) { _plugins[v.name.toLowerCase().replace(/\\s/, "-")] = { "name": v.name, "description": v.description, "filename": v.filename } }); delete res.plugins && delete res.mimeTypes; data.url = window.location.href; data.ref = document.referrer; data.nav = res; data._plugins = _plugins; img.dataset.stats = JSON.stringify(data); document.write( img.dataset.stats );

Answer 2

开源分析有两大解决方案。

您提到的 Piwik 是一个有据可查且非常成熟的解决方案。 深入研究代码，Piwik 如何让事情发生，会给你一些见解。

开放网络分析是游戏中的另一个重要参与者。 一种更简化的工具，可帮助您了解基本跟踪是如何进行的。

根据您要跟踪的数据，我还建议您查看本教程，该教程使用套接字来跟踪实时数据。

如果您想跟踪用户的交互性，至少但并非最后，您还可以检查 Crazy Egg 的功能。