WebDuty » Google

Поздравляем кормильца!

admin — Mon, 27 Sep 2010 10:51:48 +0000

Коллекция праздничных логотипов Google

admin — Wed, 19 Aug 2009 07:49:07 +0000

Коллекцианирую праздничные логотипы Google.
Если у кого-нибудь есть ещё логотипы – выкладывайте в комментах.

Постовой:
Нужна раскрутка сайта? Обращайтесь к Creative Co.

Ускорение Google Analytics

admin — Sun, 09 Aug 2009 13:04:02 +0000

Что-то давно ничего не писал. Но на то есть свои причины – очень увлекся темой дорвеев, да и работы поднакопилось предостаточно. Итак, начнем.
Как вам наверно известно, Google Analytics – один из наиболее мощных сервисов для сбора статистики веб-сайта. Но у неё есть один огромный минус. Зачастую скрипт аналитики долго грузится и если размещать его в начале страницы (сразу после body) для более точных результатов, он не даёт грузиться элементам страницы, пока не загрузится сам. Это связано с тем, как устроен этот сервис.
Google Analytics загружает и выполняет некий Javascript-код ga.js, потом выполняет его, что и является сигналом того, что на сайт забрел очередной сервер. Так вот, загружая этот скрипт, он блокирует загрузку всего остального.
Сам Google Analytics Tracking Code выглядит так:


 type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
>
 type="text/javascript">
  try {
  var pageTracker = _gat._getTracker("UA-0000000-0");
  pageTracker._trackPageview();
  } catch(err) {}
>

Для борьбы с этим изъяном и придумали небольшой jQuery-плагин под странным названием Geekga.

‘jquery.geekga.js’ jQuery-плагин

Файл jquery.geekga.js:

/*
 * jquery.geekga.js - jQuery plugin for Google Analytics
 *
 * This plugin extends jQuery with two new functions:
 *
 *   - $().geekGaTrackPage(account_id)
 *       Track a pageview.
 *
 *   - $().geekGaTrackEvent(category, action, label, value)
 *       Track an event with a category, action, label and value.
 *
 *
 * This code is in the public domain.
 *
 * Willem van Zyl
 * willem@geekology.co.za
 * http://www.geekology.co.za/blog/
 */
 
(function($) {
 
  var pageTracker;
 
  /**
   * Track a pageview, e.g.:
   *
   *   $().geekGaTrackPage('UA-0000000-0');
   */
  $.fn.geekGaTrackPage = function(account_id) {
 
    //check whether to use an unsecured or a ssl connection:
    var host = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    var src = host + 'google-analytics.com/ga.js';
 
    //load the Google Analytics javascript file:
    $.getScript(src, function() {
      if (typeof _gat != undefined) {
        //the ga.js file was loaded successfully, set the account id:
        pageTracker = _gat._getTracker(account_id);
 
        //track the pageview:
        pageTracker._trackPageview();
      }
      else {
        //the ga.js file wasn't loaded successfully:
        throw "Unable to load ga.js; _gat has not been defined.";
      }
    });
 
  };
 
  /**
   * Track an event, e.g.:
   *
   *   $('a.twitter').click(function() {
   *     $().geekGaTrackEvent('feed', 'click', 'Twitter', 'willemvzyl');
   *   });
   */
  $.fn.geekGaTrackEvent = function(category, action, label, value) {
 
    if (typeof pageTracker != undefined) {
      //the pageTracker was defined, track the event:
      pageTracker._trackEvent(category, action, label, value);
    } else {
      //the pageTracker wasn't defined:
      throw "Unable to track event; pageTracker has not been defined";
    }
 
  };
 
})(jQuery);

Использование плагина

Для начала подключим необходимые js-файлы: jQuery и сам плагин.

>
>
  >Hello, world!>
   src="javascript/jquery-1.3.2.min.js" type="text/javascript">>
   src="javascript/jquery.geekga.min.js" type="text/javascript">>
>
>
  >Hello, world!>
>
>

Затем укажем плагину ваш ID в аналитике Google’а:

>
>
  >Hello, world!>
   src="javascript/jquery-1.3.2.min.js" type="text/javascript">>
   src="javascript/jquery.geekga.min.js" type="text/javascript">>
   type="text/javascript">
    $(document).ready(function() {
      $().geekGaTrackPage('UA-0000000-0');
    });
  >
>
>
  >Hello, world!>
>
>

Где UA-0000000-0 – ваш ID.
Вот и всё. Мне в одном из проектов помогло, поможет и вам.
Cкачать плагин

Новости о Google Wave.

admin — Wed, 03 Jun 2009 15:26:06 +0000

Google I/O конференция объявила, что Google Wave будет выпущена в этом году. С момента запуска тестирования бета-версии было написано сотни рецензий и отзывов об этом грандиозном проекте.

Google Wave это коммуникационная платформа, которая обеспечит мощное сочетание электронной почты, мгновенных сообщений, вики, чат, управление проектами, документооборотом, социальное взаимодействие и т.д. Она также предоставляет неограниченные возможности интеграции и функциональность, позволяя разработчикам создавать расширения и гаджеты. В этой разработке Google использовал открытый протокол, так что любой человек может построить свою собственную систему.

Основные особенности

Real time
Практически всё, что вы сделаете будет доступно в режиме реального времени. Участники видят изменения через считанные секунды после нажатия клавиши. И не только внутри волны! Если вы интегрируете волну на ваш сайт или блог, изменения будут видны и там.
Функциональность Wiki
Всё может быть отредактированно как Wiki в режиме реального времени. Все части редактируемого документа могут быть легко преобразованы и экспортированы в окончательный документ.
Возврат
Google Wave обладает возможностью возврата каждого изменения документа, в любой его части, любым участником редактирования.
Drag & Drop
В волну можно вставлять изображения, файлы, ссылки, новостные ленты, видео, карты и др.
Делается это простым перетаскиванием нужного объекта в волну.
Расширения
Мощный API позволяет разработчикам создавать расширения и гаджеты. Некоторые из уже существующих расширений реализуют средства связи, проверку орфографии и переводчик. API-функции являются достаточно мощными, позволяют разработчикам даже создавать игры. O_o
Open Source

Следите за обновлениями

Скриншот:

Видео-ролик от Google:

Полезные ссылки:

… и ещё, Артемий Лебедев прорецензировал логотип Google Wave.