Вернуться   SEO форум - оптимизация и продвижение сайтов > SEO инструменты > Анализ и обзор статистики

Важная информация
Анализ и обзор статистики - Статистика продвижения сайтов, эффективности оптимизации. Интернет сервисы, анализ статистики, отслеживание переходов. Яндекс.Метрика, Google Analytics и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 02.07.2011, 01:25   #1
 
Аватар для odaplus
 
Сообщений: 823
FR (активность): 32,923

Доп. информация
По умолчанию Автор темы Как собирать статистику кликов по социальным кнопкам в Google Analytics

В начале того месяца Google выпустил кнопку +1 для сторонних сайтов. Это неплохой повод отпраздновать тожество социальной конверсии на целевых страницах. Теперь даже ленивый маркетолог займется установкой кода для отслеживания эффекта от социальных кнопок для продвижения сайта. Имеются в виду не только +1, а также фейсбуковский Like, Fallow из Твиттера и подобные.

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


Обратная связь в Javascript и Google Analytics


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


Чтобы проследить активность пользователей, многие социальные сети начали предоставлять функцию обратной связи (callback) в своих кодах. Например, Google +1 позволяет уточнить, какого рода callback вы хотите получить, - когда пользователь добавляет +1 или снимает свой голос.
Для внедрения этой информации в Google Analytics, можно воспользоваться их API по отслеживанию событий и записать пользователя, кликнувшего на кнопку +1 на странице чем-то вроде этого кода в функции callback:


_gaq.push(['_trackEvent', 'Sharing', 'Google +1 On']);


Пример: Социальная конверсия кнопки Google +1
Нужно попасть для начала на http://www.google.com/webmasters/+1/button/index.html страницу, где вебмастер может сам изменять код своей кнопки. По умолчанию стандартная кнопка без всяких дополнительных функций выглядит так


<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>


<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>


Во-первых, блок <script> должен, повидимому, отрпавиться в самый низ страницы, поближе к закрывающему тегу </body>. Во-вторых, строка <g:plusone> может быть размещена в любом месте страницы, где вы хотели бы увидеть кнопку +1.


Теперь нам нужно добавить функцию callback для подсчета событий, связанных с кнопкой +1. Назовем эту обратную связь plusoneCallback, добавим ее к тегу кнопки +1 под «дополнительными функциями» (“advanced options”) в конфигураторе кода Google:






В результате изменится вторая часть кода - тег <g:plusone>, куда мы добавим атрибут callback:


<!-- Place this tag where you want the +1 button to render -->
<g:plusone callback="plusoneCallback"></g:plusone>


Теперь нужно активируем функцию обратной связи, добавив в начало блока <script>, который размещен внизу страницы. Для примера используем систему Google Analytics, однако и другие системы можно аналогичным образом настроить для подсчета конверсий кнопки +1:


<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript">
function plusoneCallback(plusoneObj)
{
if (plusoneObj && plusoneObj.state && plusoneObj.state == "off") {
_gaq.push(['_trackEvent', 'Sharing', 'Google +1 Off']);
}
else {
_gaq.push(['_trackEvent', 'Sharing', 'Google +1 On']);
}
}
</script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>


Почитать о доступных дополнительных функциях можно на официальной странице API кнопки +1.


Пример: Социальная конверсия фейсбуковского Like

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


<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like send="true" width="450" show_faces="true" font=""></fb:like>


Этот код нужно разместить там, где должна появляться кнопка Like.
Затем можно отслеживать действия с кнопкой “Like”, подписавшись на Facebook events с помощью небольшого фрагмента Javascript. Если вы хотите получать статистику кликов по Like в Google Analytics, можно добавить следующее к коду кнопки, прямо перед закрывающим тегом </body>:


<script type="text/javascript">
FB.Event.subscribe('edge.create', function(response) {
_gaq.push(['_trackEvent', 'Sharing', 'Facebook Like']);
});
</script>


Пример: Социальная конверсия Twitter Follow

К нашему счастью, Twitter предлагает очень устойчивое API для отслеживания кликов по кнопке Follow


<a href="http://twitter.com/ioninteractive"
class="twitter-follow-button">Follow @ioninteractive</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script type="text/javascript">
function followCallback(intent_event) {
if (intent_event) {
_gaq.push(['_trackEvent', 'Sharing', 'Twitter Follow']);
}
}
twttr.events.bind('follow', followCallback);
</script>


Можно добавить весь этот блок в то место кода, где должна будет размещаться кнопка “Follow”, достаточно лишь заменить “ioninteractive” на ваш Твиттер-аккаунт.


Вебмастер, заработай на своих сайтах
Оптимизатор, получай ссылки только с качественных ресурсов


Размещение статей на всегда, тема-строительство
odaplus вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
seo-newbie (26.08.2011), shuher (02.07.2011), Umka (02.07.2011)
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 2356 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите по Google Analytics. Настроить пару целей для отслеживания конверсий alex_lego Анализ и обзор статистики 5 26.07.2013 15:25
Вопрос по Google Analytics rasumon Анализ и обзор статистики 3 09.08.2011 12:52
Показатель отказов в Google Analytics mayki Анализ и обзор статистики 7 05.04.2011 18:57
Перенос аккаунта Google Analytics newinseo Анализ и обзор статистики 0 10.03.2011 20:26
Google Analytics Pulse Анализ и обзор статистики 1 02.12.2009 17:12

Текущее время: 01:42. Часовой пояс GMT +3.