Настройка Google Analytics: отслеживание социальных действий (лайков, твитов и т.д.)

Многие сайты размещают у себя социальные виджеты: кнопки «Like», комментарии, опросы и т.д. Бытует мнение, что поисковые системы учитывают часть этой информации при ранжирвоании сайтов.

Так или иначе, если Вы работаете с соц. сетями, Вам наверняка будет полезна статистика социальных действий на Вашем сайте.

Как настроить отслеживание социальных действий в Google Analytics

Я расскажу про 4 основные виджета: Google +1, Like от Вконтакте, Like от Facebook, твит от Twitter.

Первый этап. Общий для всех.

Скопируйте этот код в какой-нибудь .js файл (например, ga_social_tracking.js) и загрузите на сайт:

Подключите этот файл на нужных страницах. Для этого между <head> и </head> нужно вставить код (вместо «/ga_social_tracking.js» путь к файлу со скриптом из пункта 1):


 

Второй этап. Индивидуальный для каждого виджета.

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

Отслеживание лайков Google +1

Тут ничего дополнительно делать не нужно, Google Analytics собирает всю необходимую информацию по умлочанию. Т.е. достаточно просто установить на сайте код Google Analytics и код кнопки +1. Получить код кнопки.

Отслеживание лайков Вконтакте

Вконтакте даёт Вам такой код (Получить код кнопки):

Вместо него Вам нужно разместить следующее:

В этом коде вместо XXXXXXX нужно подставить id приложения (сайта) — берётся при генерации кнопки Вконтакте.

Также нужно поменять кое-что в этой строке:

  • Оформление кнопки — type: «button» (а ещё может быть full, mini или vertical)
  • Фраза на кнопке — verb: 1 для «Это интересно» или пустота для «Мне нравится».
  • Высота кнопки — height: 18px / 20px / 22px / 24px
  • URL текущей страницы (нужно только для отслеживания) — pageUrl: http://domain.ru/page.php
    Чтобы получить URL странциы, можно использовать глобальную переменную $_SERVER[‘REQUEST_URI’] — просто вывести её значение вместо «/page.php» из примера.

Отслеживание лайков Facebook

Стандартная кнопка Facebook собирается из 2-х шагов (настройка оформления кнопки; настройка информации о сайте и его владельце).

Вам понадобится только первая часть: нужно получить код для формата XFBML. Для этого идём на developers.facebook.com.

Оригинальный код, который даёт Вам Facebook, выглядит так (стандартный код из 2 частей):

Вместо него Вам нужно разместить следующее:

Отслеживание твитов (twitter.com)

Из твиттера мы получили что-то такое (Получить код кнопки):

Вместо этого размещаем следующее:

И снова не забываем про настройки. Все настройки оформления кнопки содержатся в ссылке. Можно её скопировать из кода, который сгенерировал для Вас Twitter.

Всё. Отчёты можно найти в разделе «Источники трафика / Соцфункции».

Так, например, выглядят данные о лайках:

лайки


На основе материалов АлаичЪ’а.

  • ES Optimizer

    А где скрин, как это выглядит или просматривать в самой аналитике? Чтобы убедиться, что все настроил правильно. Будет?

    • добавил

      • ES Optimizer

        Отлично. Он еще и unlike учитывает. Это что сколько передумали или просто игрались, ставя like, а потом unlike?

        • В рамках одной сессии для одной соц. сети учтётся только 1 like и только 1 unlike.