Колибри: Обзор вашего интернет-трафика в реальном времени

Автор оригинала: Dion Almaer
  • Перевод
logo
Михаил Натт и Бенни Вонг создали интересный продукт для интернет-аналитики в реальном времени, названный «Колибри» (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 на сервере. Вы теперь сможете обратиться к серверу мониторинга, чтобы наблюдать за ходом вещей:
image

Очень здорово!

P.S.: От переводчика — Демонстрация.
Поделиться публикацией

Похожие публикации

AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама

Комментарии 11

    0
    Вот бы с Хабра такой график посмотреть.
      –3
      так раз мониторинг с помощью gif то надо
      Залить код к себе на сервер, оставить комментарий с картинкой-счетчиком, выложить ссылку…
        +3
        Хабр не «мониторил» только ленивый
        0
        «Unfortunately, right now the only browsers that support it are Chrome and WebKit.»
        о таких особенностях надо писать в самом топике.
          +1
          Ну так-то Web Sockets больше нигде и не поддерживается.
            0
            зато есть кроссплатформенный web-socket-js
            0
            У вас еще не стоит Chrome, хотя бы побаловаться?
              0
              Речь только о просмотре статистики. Думаю, администратор может себе позволить поставить себе Chrome.

              Накопление статистики от браузера не зависит.
              +2
              забор — эт, конечно, красиво, но рябит в глазах шописец
                0
                что такое технология Node? (нода — слишклм распространенный термин, гугл выдает все что можно кроме нужного)
                  0
                  В нашей предметной области это node.JS.

                Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                Самое читаемое