Michael NuttとBenny Wongは、「Hummingbird」（Hummingbird）と呼ばれるインターネット分析用の興味深い製品をリアルタイムで作成しました。 Node、Canvas、Web Sockets、MongoDBなどのホットテクノロジーを使用して作成されました。
トラフィックの監視を有効にするには、コードに
Gilt.Hummingbird.track(env)
ページを含めるだけです。 例：
try {
Gilt.Hummingbird.track( { "pageName" : "login" , "server" : "www.gilt.com" , "channel" : "login" , "pageType" : null , "prop1" : null , "eVar1" : null , "prop2" : null , "eVar2" : null , "prop3" : null , "eVar3" : null , "prop4" : "login page" , "eVar4" : null , "prop5" : null , "eVar5" : null , "prop6" : null , "eVar6" : null , "prop7" : null , "eVar7" : null , "prop8" : null , "eVar8" : null , "prop9" : null , "eVar9" : null , "prop10" : null , "eVar10" : null , "prop11" : null , "eVar11" : null , "prop12" : null , "eVar12" : null , "prop13" : null , "eVar13" : null , "prop14" : null , "eVar14" : null , "prop15" : null , "eVar15" : null , "prop16" : null , "eVar16" : null , "prop17" : null , "eVar17" : null , "prop18" : null , "eVar18" : null , "prop19" : null , "eVar19" : null , "prop20" : null , "eVar20" : null , "campaign" : null , "state" : null , "zip" : null , "events" : "" , "products" : "" , "purchaseID" : null , "trackingServer" : "stat.gilt.com" , "trackingServerSecure" : "sstat.gilt.com" } );
} catch (e) {}
});
* This source code was highlighted with Source Code Highlighter .
このコードは、Hummingbirdクライアント側を構成します。
HummingbirdTracker = {};
HummingbirdTracker.track = function (env) {
delete env.trackingServer;
delete env.trackingServerSecure;
env.u = document .location.href;
env.bw = window.innerWidth;
env.bh = window.innerHeight;
env.guid = document .cookie.match(/guid=([^\_]*)_([^;]*)/)[2];
env.gen = document .cookie.match(/gender=([^;]*);/)[1];
env.uid = document .cookie.match(/user_id=([^\_]*)_([^;]*)/)[2];
$( 'body' ).append( '<img src="http://localhost:8000/tracking.gif?' + jQuery.param(env) + '"/>' );
};
* This source code was highlighted with Source Code Highlighter .
ご覧のとおり、サーバーで監視Gifをセットアップします。 監視サーバーにアクセスして、物事の進行状況を監視できるようになりました。
とてもクール！
PS：翻訳者から- デモンストレーション 。