Блог о современных технологиях в интернете

Node.js, MongoDB, CoffeeScript, JavaScript, HTML5, CSS3, Zend Framework, PHP, Git, Social, Analytics

Асинхронный скрипт подключения к Google Analytics социальных кнопок

В корпоративном блоге Serenity я написал статью о том, что в Google Analytics можно отслеживать нажатия на социальные кнопки и о том, почему я считаю это важным. Однако, по-умолчанию этот механизм работает только для кнопок +1. Для того чтобы в отчет попадали нажатия на другие социальные кнопки нам придется воспользоваться Google’вским API: Social Interaction Analytics.

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

Смотреть рабочий скрипт подключения социальных кнопок к Google Analytics.

Вам остается заменить UA-XXXX-1 на свой собственный Google Analytics ID и в post_url заменить ссылку на страницу, которую будете отслеживать.

Лучше всего взять сжатую версию скрипта (1,4k) и поместить перед </head>.

Кстати, из прошлой статьи я понял, что для многих не очевидно как и куда вставлять сами кнопки. Исправляюсь, вот пример кода для каждого социального сервиса, вставлять внутри <body>

Пример как вставлять социальные кнопки.

Пример работы такого скрипта можно посмотерть на сайте convertcss.com и в корпоративном блоге Serenity.

Комментировать

Заметки

  1. simonenko это опубликовал(а)