Как мерить лайки facebook, vk и twitter в Google Analytics
Иногда, для того, чтобы оценить качество аудитории простых метрик, таких как показатель отказов или среднее время пребывания на странице, недостаточно. И хочется большего.

Например, то, как пользователи лайкают наши страницы с помощью социальных модулей.

В этой статье мы рассмотрим, как мы можем настроить базовое отслеживание социальных взаимодействий в Google Analytics с помощью Google Tag Manger.
В Google Analytics вообще-то есть модуль, отвечающий за социальные взаимодействия, но скажем прямо, работает он не очень:
Данные не всегда передаются, да и не всех социальных сетей. Также, мы не можем настроить цели на эти социальные действия.

Но это можно легко исправить, мы с вами настроим теги, которые будут передавать информацию о социальных действиях в Google Analytics как события и как стандартные соц. взаимодействия.

Для начала создаем два тега, один передающий информацию о социальных действиях:
Где в поля Сеть, Действие и Целевое действие, мы создаем переменные типа Переменная уровня данных:
Где правило активации будет, типа Пользовательское событие:
Остальные теги по аналогии.

И второй тэг, на этот раз обычного события в Google Analytics:
И правило активации тега, типа Пользовательское событие:
Ну что, половина работы сделана, теперь осталось создать еще один тэг, типа Пользовательский html, с следующим кодом:
<script>
if (typeof FB !== 'undefined'){
  FB.Event.subscribe('edge.create',
      function(href) {
          dataLayer.push({
              'event': 'SocialEvent', 
              'SocialNetwork': 'Facebook', 
              'SocialAction': 'Like', 
              'SocialGoalAction': href
          });
         dataLayer.push({
              'event': 'autoEvent', 
              'eventCategory': 'Social', 
              'eventAction': {{title}}, 
              'eventLabel': 'Facebook like'
          });
      }
  );
}
if (typeof FB !== 'undefined'){
  FB.Event.subscribe('message.send',
      function(href) {
          dataLayer.push({
              'event': 'SocialEvent', 
              'SocialNetwork': 'Facebook', 
              'SocialAction': 'Share', 
              'SocialGoalAction': href
          });
         dataLayer.push({
              'event': 'autoEvent', 
              'eventCategory': 'Social', 
              'eventAction': {{title}}, 
              'eventLabel': 'Facebook share'
          });
      }
  );
}
  
  
  
if (typeof twttr !== 'undefined') {
  twttr.ready(function (twttr) {
    twttr.events.bind('click', clickEventToAnalytics);  
  });
}
function clickEventToAnalytics() {
dataLayer.push({
              'event': 'SocialEvent', 
              'socialNetwork': 'Twitter', 
              'socialAction': 'tweet', 
              'SocialGoalAction': window.location.href
          });
      dataLayer.push({
              'event': 'autoEvent', 
              'eventCategory': 'Social', 
              'eventAction': {{title}}, 
              'eventLabel': 'Twitter share'
          });
}
  
  
VK.Observer.subscribe('widgets.like.liked', function(likeCount) {
  dataLayer.push({
              'event': 'SocialEvent', 
              'socialNetwork': 'Vk', 
              'socialAction': 'like', 
              'SocialGoalAction': window.location.href
          });
      dataLayer.push({
              'event': 'autoEvent', 
              'eventCategory': 'Social', 
              'eventAction': {{title}}, 
              'eventLabel': 'VK like'
          });
});
</script>
Где правилом активации этого тэга будет:
И создать переменную title:
Не забываем опубликовать контейнер!
После чего, у нас Google Analytics будут корректно заполнять данные о социальных взаимодействия в виде стандартного модуля и дублироваться как события, на базе которых мы можем сделать цель:
После чего, мы можем сделать интересные пользовательские отчеты, или настроить сегменты, которые будет использовать в ремаркетинге.
Made on
Tilda