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

[TigranAM]

Спасибо за новость, завтра обновлю мои сайты

[OnlyWeb]

Мы до конца года планируем окончательно до тестировать аналитику социального трафика analytic.socialtop.ru/ и предложить ее всем пользователям. AddThis предлагает решение только по кнопкам шаринга. Мы сделали комплексное решение объединяющее виджеты авторизации, шаринга и комментирования. Скоро планируем написать большой пост о Socialtop. Надеемся, это будет интересно рынку.

[web2]

Интересное решение, буду следить за развитием.
А будет ли аналогичная интеграция с Google Analytics?

[OnlyWeb]

Пока мы пытаемся «городить свой огород». На данном этапе мы не видим решения, как все имеющиеся у нас полезные для владельцев сайтов данные с интегрировать с гугл аналитик.

[vitvad]

Хм… как-то статья слабовата если вы хотели дать описание и 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

[web2]

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

[wildhedgehog]

Код не работает в blogspot.

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

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