Нестандартная метрика Google Analytics - глубина прокрутки страницы

Ранее мы изучили, как настроить классические цели в счетчике: посещение определенных страниц сайта, нажатие на элементы и пр.

Ситуация меняется, если у тебя сайт-одностраничник: на landing page можно настроить цели на нажатие на элементы (кнопки, видео), отправку формы и, дополнительно - глубина просмотра страницы.

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

Начать отслеживать глубину прокрутки вашей страницы можно двумя вариантами:

Легкий путь. Установка Google Tag Manager
Сложный путь. Установка плагина

Легкий путь настройки отслеживания глубины прокрутки страницы. Установка Google Tag Manager

Вам нужно установить Google Tag Manager на ваш сайт, если он еще не стоит.

Внутри GTM есть триггер — глубина прокрутки. Вы можете настроить и проценты, и пиксели.

На этом установка отслеживания глубины прокрутки через ГТМ и заканчивается — у вас все готово.


Сложный путь настройки отслеживания глубины прокрутки страницы. Установка плагина

Предположим, что по каким-то причинам вы не умеете возможности установить GTM на сайт и имеете только Google Analytics и вам нужно измерить глубину прокрутки.

Это решаемая задача, пусть и не самая простая. Мы будем иметь ограничение в том, что измерять будем только проценты прокрутки: 25%, 50%, 75% и 100%.
Вам понадобится плагин, который мы немного доработаем: https://github.com/robflaherty/jquery-scrolldepth
О плагине:
Разработал – Rob Flaherty
Официальный сайт — scrolldepth.parsnip.io
Лицензия – MIT
Совместим с jQuery (v1.7+).
Работает во всех современных браузерах, но может барахлить на старых Android

В папке вам понадобится jquery.scrolldepth.js, он адаптирован по gtag, который сейчас во всех кодах google.
Вам нужно распаковать файлы, кроме test и jquery.scrolldepth.min.js. Дальше идем в папку вашего сайта у вас на сервере (возможны варианты ftp, хостинга и тп)
Далее смотрим, подключено ли jQuery к вашему сайту, если нет, то скачиваем библиотеку здесь.
UA-XXXXX-Y – номер вашего счетчика Google Analytics.

Давайте посмотрим настройки плагина:
jQuery.scrollDepth({}) - это глубина прокрутки
minHeight: 0, - выключить отслеживание скролла, если документ меньше, чем указанное значение (0 в данном случае)
elements: [], - массив элементов для записи событий скролла
percentage: true,- считать/не считать прокрутку в процентах
userTiming: true, - считать/не считать отслеживания временных событий пользователя
pixelDepth: true, - считать/не считать отслеживания pixelDepth
nonInteraction: true,- запись прокрутки не будет влиять на показатель отказов (bounce rate)
gaGlobal: false, - если у вас Universal Analytics и вы поменяли имя глобального объекта, напишите его
gtmOverride: false, - если вы используете GTM, но не используете его для Google Analytics, вы можете установить этот параметр в true, а Scroll Depth будет игнорировать GTM
trackerName: false, - ваше имя трекера, если вы хотите его назвать
dataLayer: 'dataLayer' - имя вашей даталейер

Можно использовать весь функционал, а можно только глубину прокрутки и bounce rate.

Теперь эти данные передаются в виде события в Google Analytics и вам останется только настроить цели события