Настройка отслеживания глубины прокрутки страниц сайта в Яндекс Метрике и Google Аналитике с помощью GTM

Отслеживание глубины прокрутки страниц будет очень полезно для коммерческих сайтов-одностраничников (лендингов) и для авторов публикаций. Первые смогут проанализировать, насколько была интересна посетителю информация об их продукции или услуге компании, заполнил ли посетитель форму заказа или если не заполнил, то что ему помешало, а вторые – вовлечённость пользователя, т.е. насколько интересна опубликованная статья пользователю и прочитал ли он публикацию до конца.

Глубина прокрутки страниц бывает двух видов: вертикальная и горизонтальная (встречается очень редко).

В данной статье рассмотрим вертикальную глубину прокрутки страницы.

Если GTM ещё не подключён, не забудьте сделать это. После подключения приступаем к настройке.

Первым делом входим в GTM в раздел Переменные и в блоке Встроенные переменные нажимаем Настроить. В Конфигурации встроенных переменных ищем категорию Прокрутка и отмечаем галочкой все пункты.

В списке появятся три переменные:

  • Scroll Depth Threshold
  • Scroll Depth Units
  • Scroll Direction

Триггер для Google Аналитики

Переходим в Триггеры и создаём триггер с названием Page Scroll Depth, тип триггера выбираем Глубина прокрутки

В настройках триггера ставим галочку Глубина вертикальной прокрутки, выбираем Проценты и задаём пороги для событий (у нас сейчас 10, 25, 50, 90, 100). Условия активации триггера – пусть будут Все страницы.

Триггер для Яндекс Метрики

Создадим триггер с названием Page Scroll Depth – 90 percent аналогично предыдущему, только порог выберем 90.

Таким образом, в Яндекс Метрике мы будем отслеживать посетителей, которые прокрутили не менее 90% страницы.

Тег для Google Аналитики

Создадим тег с названием Page Scroll Depth – GA типа Google Аналитика – Universal Analytics со следующими параметрами:

  • Тип отслеживания: Событие
  • Категория: Scroll Depth
  • Действие: Percentage
  • Ярлык: {{Page URL}} – {{Scroll Depth Threshold}} {{Scroll Depth Units}}
  • Настройки Google Analytics: {{Google Analytics}}
  • ставим галочку: Включить переопределение настроек в этом теге
  • Идентификатор отслеживания: UA-XXXXXXXXX-1

где UA-XXXXXXXXX-1 – это ID счётчика Google Analytics

Подключаем к нему триггер Page Scroll Depth

и сохраняем

Тег для Яндекс Метрики

Для начала зайдём в настройки Яндекс Метрики, добавим цель, назовём её Просмотрели не менее 90% страницы, тип условия – JavaScript-событие и идентификатор цели: page-scroll-depth-90percent

Нажимаем кнопку Добавить цель и цель появляется в списке

Теперь возвращаемся в Теги ГТМ и создадим тег типа Пользовательский HTML с таким кодом:

<script>
  yaCounterXXXXXXXX.reachGoal('page-scroll-depth-90percent');
</script>

где XXXXXXXX – это ID счётчика Метрики

Прикрутим к нему триггер Page Scroll Depth – 90 percent

Сохраняем и опубликовываем контейнер

Готово.

Проверяем

Заходим в Google Аналитику, в раздел Поведение -> События -> Лучшие события, и видим табличку:

Заходим в Яндекс Метрику, в раздел Отчёты -> Стандартные отчёты -> Конверсии и видим график:

Поделиться ссылкой: