Интеграция сервиса шаринга AddThis с Google Analytics

    В этом году в Google Analytics появился новый отчет Посетители > Соцфункции. Он, как можно догадаться, должен показывать взаимодействие с сайтом посредством социальных кнопок (like, share и т.п.)
    Но для отслеживания каждой социальной кнопки необходимо было создавать функцию обратного вызова, которая бы посредством вызова метода _trackSocial и должна отслеживать нажатие на кнопку.
    Об этом можно почитать в справке Google Analytics: http://code.google.com/intl/ru-RU/apis/analytics/docs/tracking/gaTrackingSocial.html
    И это было не очень удобное решение, т.к. социальных кнопок на сайте может быть много и для каждой придется писать функцию.

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


    Для интеграции виджета AddThis с Google Analytics необходимо добавить небольшой код в блок вызова виджета:
    <script type="text/javascript">
       var addthis_config = {
          data_ga_property: 'UA-xxxxxx-x',
          data_ga_social: true
       };
    </script>
    

    В итоге весь блок вызова виджета должен выглядеть примерно так:
    <!-- AddThis Button BEGIN -->
    <a class="addthis_button" href="http://addthis.com/bookmark.php?v=250">
       <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/>
    </a>
    
    <script type="text/javascript">
       var addthis_config = {
          data_ga_property: 'UA-xxxxxx-x',
          data_ga_social: true
       };
    </script>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
    <!-- AddThis Button END -->
    

    Подробнее про интеграцию тут: http://www.addthis.com/help/google-analytics-integration

    После того, как посетители начнут кликать на социальные кнопки виджета AddThis, взаимодействие можно увидеть в отчетах GA:
    • Посетители > Соцфункции > Взаимодействие — Позволяет сравнивать основные показатели сайта (количество просмотренных страниц за посещение, среднюю длительность пребывания на сайте, показатель отказов и т.п.), как включавших, так и не включавших социальные действия.
    • Посетители > Соцфункции > Действие — Позволяет сравнивать количество социальных действий (нажатий Share, Like и т. д.) для каждого источника и различных комбинаций источников и действий.
    • Посетители > Соцфункции > Страницы — С помощью этого отчета можно сравнивать количество социальных действий на разных страницах сайта. Эти данные можно просматривать как по источникам, так и по комбинациям источников и действий.

    В отчетах AddThis есть еще один интересный показатель, которого нет в GA: «Вирусность» — отношение кликов по расшаренной ссылке к общему количеству расшариваний этой ссылки.

    Источник: Официальный блог Google Analytics

    p.s. удачного отслеживания социальных взаимодействий на сайте!
    • +18
    • 2,4k
    • 7
    Поделиться публикацией

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

      0
      Спасибо за новость, завтра обновлю мои сайты
        +2
        Мы до конца года планируем окончательно до тестировать аналитику социального трафика analytic.socialtop.ru/ и предложить ее всем пользователям. AddThis предлагает решение только по кнопкам шаринга. Мы сделали комплексное решение объединяющее виджеты авторизации, шаринга и комментирования. Скоро планируем написать большой пост о Socialtop. Надеемся, это будет интересно рынку.
          0
          Интересное решение, буду следить за развитием.
          А будет ли аналогичная интеграция с Google Analytics?
          +1
          Пока мы пытаемся «городить свой огород». На данном этапе мы не видим решения, как все имеющиеся у нас полезные для владельцев сайтов данные с интегрировать с гугл аналитик.

            0
            Хм… как-то статья слабовата если вы хотели дать описание и addthis и его кастомизацию

            Возможно я сыграю роль К.О. но попробую дополнить статью.

            Первое что хотел бы прояснить: Addthis сервис который просто объединяет все социальные кнопки в одном месте, и использует API предоставляемое соц сетью. Работает он просто — вы добавляете ключевой DIV елемент в свой код <div class="addthis_toolbox addthis_default_style ">
            и так же скрипт который обращается на сервера addthis.com

            Упомянул я это потому что в этом кроектся небольшой минус addthis. Так как это javascript то он во время рендеринга страницы может сильно затормозить ее закрузку.
            Также есть проблеммы у Addthis с ИЕ, не могу сказать наверняка как у него сейчас с ИЕ6 — возможно вобще не работает.
            Про ИЕ7-9 — во время загрузки он может повесить браузер на пару минут…

            Впрочем только что пришла мысль как можно сделать так чтобы Addthis подгружался не тормозя саму страницу.

            function loadScript() {
              var script = document.createElement("script");
              script.type = "text/javascript";
              script.src = "http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8308b1174af645";
              document.body.appendChild(script);
            }
            if (window.addEventListener) window.addEventListener("load", loadScript, false);
            else if (window.attachEvent) window.attachEvent("onload", loadScript);


            * This source code was highlighted with Source Code Highlighter.


            сам еще не успел попробовать но думаю такой вариант будет отлично работать.

            Что делает Addthis — после того как подгрузится скрипт он ищет все дивы с классом addthis_toolbox
            таким образом вы можете в нескольких местах сделать несколько таких блоков с Addthis и использовать всего один скрипт.

            второй класс определяет стиль который будет подгружен:
            — addthis_default_style
            — addthis_32x32_style

            внутри дива указываем елементы — кнопки которые нам нужны на сайте
            <a class="addthis_button_facebook"></a>
            <a class="addthis_button_twitter"></a>
            <a class="addthis_button_email"></a>
            <a class="addthis_button_google"></a>
            <a class="addthis_button_compact"></a>
            <a class="addthis_counter addthis_bubble_style"></a>

            меняя очередность этих елементов — меняем очередность кнопок
            добавить кнопку — просто добавить элемент с классом addthis_button_vk — вконтакте
            если нужно подсмотреть какую-то новую кнопку — можно посмотреть firebug'ом на том же сайте Addthis
            на нужную кнопку. Там готовая кнопка будет иметь класс atic_vk соответственно нам нужно всего лишь добавить это окончание к addthis_button_somecoolbunnto

            Так же хотел упомянуть о том как работают сами кнопки —
            они берут title и url страницы на которой находилась кнопка, поэтому если вы вдруг хотите сделать такие кнопки на страницах которые не доступны абсолютно всем пользователям (к примеру страница подтверждения заказа там где есть персональная/секретная информация клиента) используйте API социалок

            Twitter
            facebook










              0
              Это статья не про AddThis и его кастомизацию, а про его интеграция с Google Analytics. Но за дополнение спасибо!
              0
              Код не работает в blogspot.

              Там addthis выдаёт код гаджета, который прикручивается в произвольное место страницы. Если в код гаджета дописать код интеграции, то ровным счётом ничего не происходит. Строки не появляется, данных нет.

              Никто не знает, где копать?

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

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