Google Analytics: учёт действий пользователей в социальных сетях

Если вы уже перешли на новую версию интерфейса Google Analytics, то наверняка заметили новую группу отчетов, которая там появилась:
Посетители / Социальное.

Однако, скорее всего, при попытке посмотреть эту группу у вас отобразился пустой график социальных действий. Давайте разберемся с этими группами отчетов и попробуем заставить их работать.

Анализ переходов из социальных сетей

Для начала разберемся для чего эти отчеты нужны. Дело в том, что учесть переходы на ваш сайт из социальных сетей очень и очень просто:
Источники трафика / Источники / Весь трафик.

Далее ставьте любой фильтр на данные и изучайте полученные данные.

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

Чуть сложнее «поймать» переход из вашего приложения на том же Facebook, так как фактически оно является встроенным IFRAME, и фактически переход осуществляется с домена канвы приложения (application canvas). Но опять же, если вы сами создавали это приложение, то добавить пару-тройку UTM-меток в URL отображаемого приложением для вас не составит труда (опять же, если это всё не очень понятно вам, пишите в комментариях, ибо сейчас речь пойдет не об этом):

Но сейчас перед нами стоит другая задача: отследить действия пользователей на вашем сайте в социальных сетях.

Анализ действий пользователей в модулях социальных сетей

Сегодня очень распространена практика установки на свой сайт модулей, кнопок и виджетов социальных сетей. Это кнопки [Мне нравится], [Рекомендую], [+1] и другие. Как правило, подобные кнопки устанавливаются с помощью своего собственного JavaScript кода, и вот клики по этим кнопкам нас и интересуют. Анализируя эти данные, мы можем узнать:

• Как часто пользователи «лайкают» наши страницы;
• Какие именно страницы «лайкаются» чаще;
• Какие социальные кнопки (и стало быть, сети) более востребованы среди пользователей;

«А что здесь сложного? Навешиваем события GA на кнопки и смотрим!» — скажет опытный Веб-мастер и будет совершенно прав! Именно так и нужно поступить, но поскольку для многих сайтов анализ таких действий становится весьма важным и востребованным, разработчики Google Analytics ввели новый метод отслеживания в API треккера именно для социальных сетей. Подробности достаточно хорошо описаны здесь:

http://code.google.com/intl/en-EN/apis/analytics/docs/tracking/gaTrackingSocial.html

Вот, собственно вызов этого отслеживания в асинхронном коде:

_gaq.push(['_trackSocial', network, socialAction, opt_target, opt_pagePath]);

Однако, могут быть некоторые трудности с интеграцией этого вызова из API соответствующей социальной сети, поэтому я привожу некоторые готовые примеры кода.

Google+

Как раз здесь ничего делать не надо! По понятным причинам Google Analytics и кнопка [+1] совершенно нативным способом интегрируются друг с другом. Просто разместите код кнопки у себя на сайте и всё! Google Analytics уже отслеживает клики по ней со стороны пользователей.

Facebook

А вот с кнопками Facebook придется повозиться. Предполагается, что вы установили кнопки Facebook через XFBML разметку, как это описано здесь (по ссылке можно получить и код самой кнопки для вашего сайта):

http://developers.facebook.com/docs/reference/plugins/like/

Когда будете генерировать код кнопки, выберите режим именно xfbml — нам нужен будет скрипт подключения API Facebook:

Отлично, размещаем кнопку и скрипт на сайте. Кстати, их не обязательно размещать вместе, скрипт можно вынести в HEAD. И вот в скрипте Facebook мы добавим несколько строчек:

/* Код отслеживния событий Facebook */
window.fbAsyncInit = function() {
    FB.Event.subscribe('edge.create', function(targetUrl) {
      _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
    });

    FB.Event.subscribe('edge.remove', function(targetUrl) {
      _gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]);
    }); 

    FB.Event.subscribe('message.send', function(targetUrl) {
      _gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]);
    });

};

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

Вот оно! Обратите внимание, мы навешиваем на события Facebook отслеживание трех основных действий: нажатие кнопки [I Like], «отжатие» её, то есть, снятие пометки «мне нравится» и нажатие кнопки «Send» (она часто идет вместе с «Мне травится»). И в этих событиях мы посылаем Google Analytics команду на отслеживание этого действия.

Собственно всё, смотрим отчеты (через несколько дней, а еще лучше недель):

Отчеты по социальным сетям

Отчет «Социальное / Взаимодействие» показывает сколько пользователей что-то делали с социальными сетями на вашем сайте.

Как видно, на тестовом сайте всего 0.04% пользователей щелкали по кнопкам социальных сетей. Но такие ничтожные цифры скорее определяются целевой аудиторией тестового сайта.

Отчет «Социальное / Действие» показывает какие именно действия выполняли пользователи:

Хорошо видно, в основном (86%) пользователи щелкают по кнопке Facebook.

Отчет «Социальное / Страницы» показывает распределение тех или иных действий по страницам вашего сайта:

Таким образом, мы увидели, как можно с помощью буквально 12 строк кода JavaScript получить очень интересные данные по взаимодействию пользователей с социальными сетями.

Ну и в завершение, к сожалению, ни один из известных мне плагинов WordPress не умеет вставлять этот код автоматически. На этом блоге я использую Simple Facebook Connect и всё никак не соберусь его «допилить» для интеграции его с Google Analytics… Если допилю, могу рассказать как.

Как обычно, жду ваших комментариев и пожеланий на будущее: что вас еще интересует в Google Analytics?