Как отслеживать исходящие ссылки

Отслеживайте переходы пользователей с вашего сайта на другие ресурсы.

Примечание. Информация из данной статьи применима только для тех сайтов, на которых установлен фрагмент кода analytics.js. К сайтам с установленным фрагментом кода gtag.js эта информация не относится.

Чтобы отслеживать клики пользователей по ссылкам на другие сайты, вы можете использовать События Google Аналитики.

Содержание

Google Менеджер тегов

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

Добавление тега непосредственно на сайт

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

Если вы правильно скопировали скрипт, в отчетах по событиям Google Аналитики появятся данные о кликах по исходящим ссылкам с такими компонентами: Категория – outbound и Действие – click (в примере эти данные выделены полужирным шрифтом). Вы можете оставить эти значения или задать собственные. Подробнее о компонентах событий

Пример кода приведен для тега analytics.js. О том, как определить свою версию тега, читайте в этой статье.

<script>
/**
* Функция, отслеживающая клик по исходящей ссылке в Google Аналитике.
* Эта функция принимает в качестве аргумента строку с действительным URL и использует ее
* как ярлык события. Если указать beacon в качестве метода передачи, данные обращений
* будут отправляться с использованием метода navigator.sendBeacon в поддерживающих его браузерах.
*/
var captureOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {
     'transport': 'beacon',
     'hitCallback': function(){document.location = url;}
   });
}
</script>

После настройки отслеживания событий необходимо добавить атрибут onclick в ссылки или изменить его. Пример:

<a href="http://www.example.com" onclick="captureOutboundLink('http://www.example.com'); return false;">Посетите сайт example.com</a>

Статьи по теме

google-developers-svg

gtm-logo-sm-svg

События Google Аналитики

 

Эта информация оказалась полезной?
Как можно улучшить эту статью?