Site icon Блог Travelpayouts

Как отслеживать переходы по исходящим ссылкам в Google Analytics

Andrey Novoselov

Зачем отслеживать переходы по исходящим ссылкам

Вот что можно узнать, посмотрев количество переходов по исходящим ссылкам:

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

Есть два способа:

Второй способ удобнее тем, что вставить код на сайт вам нужно будет только один раз. Далее все события вы сможете настраивать в GTM, не трогая код на сайте.

Как настроить отслеживание переходов по исходящим ссылкам в Google Analytics

Если по какой-то причине вам удобнее пользоваться GA напрямую, то настройте отслеживание ссылок непосредственно там. Сначала надо подключить блог к Google Analytics, если вы этого ещё не сделали.

1. Создайте ресурс в GA. Подробно о том, как это сделать, прочитайте в инструкции Google.

2. Разместите код отслеживания analytics.js на страницах блога. Код отслеживания, который вы разместите в блоге, выглядит следующим образом:

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

UA-XXXXX-Y — ваш персональный идентификатор отслеживания.

Если у вас уже подключена Google Analytics, убедитесь, что установлен именно этот код отслеживания, так как скрипт, о котором мы расскажем далее, работает только с ним.

Отслеживание переходов по исходящим ссылкам в Google Analytics

Для того чтобы увидеть переходы по внутренним страницам блога достаточно установить стандартный код отслеживания. Для того чтобы в GA отправлялись данные о переходах по исходящим ссылкам, нужно добавить в <head> после кода отслеживания следующий скрипт:

<script>
var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {
 	'transport': 'beacon',
 	'hitCallback': function(){document.location = url;}
   });
}
</script>

В коды ссылок, переходы по которым вы будете отслеживать на странице с установленным скриптом, нужно добавить атрибут onclick.

<a href="http://www.example.com" onclick="trackOutboundLink('example.com');
 return false;">Открыть example.com</a>

Как проверить, что отслеживание работает правильно

Как настроить отслеживание переходов по исходящим ссылкам в Google Tag Manager

Если вы хотите всеми настройками аналитики управлять через  Google Tag Manager, то коды отслеживания GA можно удалить из блога после настройки GTM. Ваша статистика в GA не потеряется, так как фактически вы просто измените способ размещения Google Analytics на сайте.

1. Установите Google Tag Manager в блог.

Если блог работает на WordPress, откройте файл header.php. Первый код вставьте в элемент head сразу после открывающего тега. Второй код вставьте в элемент body после открывающего тега .

2. Активируйте встроенные переменные.

Эти переменные понадобятся, чтобы вы могли отследить клики по ссылкам.

3. Добавьте в GTM Google Analytics ID как собственную переменную.

Вы сможете использовать её для всех тегов.

4. Задайте отслеживание страниц через GTM.

5. Создайте триггер для отслеживания исходящих ссылок.

6. Создайте тег для отслеживания исходящих ссылок.

Тег будет загружаться, когда посетитель блога кликнет на исходящую ссылку. Создайте новый тег с типом Google Analytics – Universal Analytics; переменной sitename analytics id, которую вы создали на третьем шаге, и триггером Outbound link click.

Свойства тега заполните так, как показано ниже. {{Click URL}} и {{Page URL}} — встроенные переменные, которые нужно выбрать в выпадающем меню.

7. Опубликуйте контейнер.

8. Убедитесь, что всё работает правильно.

А вы отслеживаете переходы по исходящим ссылкам? Какой способ используете и какой вам кажется более удобным?