Сайт должен стать решением задачи, а не самой задачей!

Previous Entry Share Next Entry
GOOGLE TAG MANAGER: ОТСЛЕЖИВАНИЕ СОЦИАЛЬНЫХ АКТИВНОСТЕЙ В GA
rab_poshta
Отслеживание Facebook

  • Генерируем код кнопки нажатием "Get Code" и переходим на вкладку XFBML


  • Код <html xmlns:fb="http://ogp.me/ns/fb#"> вставляем в тег <html> (самый первый тег на странице)


  • Код кнопки <fb:like send="true" width="450" show_faces="true"></fb:like> устанавливаем в желаемом месте страницы.


  • Нижеуказанный код вставляем после <body>, можно возле кнопки:






<div id="fb-root"></div>




<script>(function(d, s, id) {




var js, fjs = d.getElementsByTagName(s)[0];




if (d.getElementById(id)) return;




js = d.createElement(s); js.id = id;




js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";




fjs.parentNode.insertBefore(js, fjs);




}(document, 'script', 'facebook-jssdk'));</script>




  • В Google Tag Manager создаем тег GA в котором указываем идентификатор веб-ресурса в формате UA-XXXXXXXX-X, тип отслеживания "Социальный сети", в параметрах отслеживания социальной активности обязательно указываем наименование социальной сети и социального действия: like, unlike,share и т.д. Для активации тега устанавливаем правило "Все страницы", если кнопки будут отображаться на всех страницах или указываем конкретные страницы или группу страниц.



  • Создаем Пользовательский HTML тег, в котором указываем следующий код:

<script>
window.fbAsyncInit = function() {
_ga.trackFacebook();
};
</script>

  • Создаем новую версию и публикуем.



Отслеживание Twitter

  • В Google Tag Manager создаем тег GA в котором указываем идентификатор веб-ресурса в формате UA-XXXXXXXX-X, тип отслеживания "Социальный сети", в параметрах отслеживания социальной активности обязательно указываем наименование социальной сети и социального действия: like, unlike,share и т.д. Для активации тега устанавливаем правило "Все страницы", если кнопки будут отображаться на всех страницах или указываем конкретные страницы или группу страниц.

  • Создаем Пользовательский HTML тег, в котором указываем следующий код:

<script>
(function(){
console.log('123');
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

  • Создаем новую версию и публикуем.



Отслеживание Vkontakte
<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"}, );
</script>

  • Вставляем возле кода кнопки код:

<!-- НАЧАЛО VK.like button + GA.tracking -->
<div id="vk_api_transport"></div>
<script type="text/javascript">
window.vkAsyncInit = function() {
VK.init({apiId: 1234567, onlyWidgets: true});
VK.Widgets.Like("vk_like", {type: "button"});
_ga.trackVkontakte();
};
setTimeout(function() {
var el = document.createElement("script");
el.type = "text/javascript";
el.async = true;
document.getElementById("vk_api_transport").appendChild(el);
}, 0);
</script>
<div id="vk_like"></div>
<!-- КОНЕЦ VK.like button + GA.tracking -->
ВНИМАНИЕ: Не забудьте изменить apiId указанный в примере на


Успехов в реализации GTM!

?

Log in