? Scroll Depth Threshold – 100;
? Scroll Depth Units – pixels;
? Scroll Direction – horizontal.
На вкладке Data Layer можно увидеть, как переменные получают доступ к уровню данных и считывает ключи, которые задаются триггерами «Глубина прокрутки».
Рис. 253. gtm.scrollDepth в Data Layer
Отслеживать прокрутку без привязки к элементам сложно. 50% глубины прокрутки для статьи длиной 1000 символов и 50% прокрутки для статьи 20000 символов не дадут никаких данных для анализа. Также триггер не позволяет отслеживать прокрутку до конкретных HTML-элементов. В таких случаях используют другой триггер, который называется «Видимость элемента».
Видимость
Рис. 254. Встроенные переменные «Видимость»
Переменные из этой категории помогают отслеживать данные о том, где посетитель остановился и сколько времени потратил на просмотр элементов на сайте – заголовков, текстовых абзацев, изображений и т.д. Функция появилась не так давно, но является очень полезной, так как теперь есть возможность точнее получить представление о том, как пользователи взаимодействуют с контентом сайта и какие элементы остаются без внимания.
Встроенный триггер – «Доступность элемента», пользовательское событие gtm.elementVisibility.
Рис. 255. Триггер – Доступность элемента
В Google Tag Manager в категории «Видимость» две переменных:
Percent Visible – возвращает числовое значение от 0 до 100, которое показывает, какой процент выбранного элемента был виден при срабатывании триггера. Содержится в ключе gtm.visibleRatio.
On-Screen Duration – возвращает числовое значение, которое показывает, как долго выбранный элемент был виден при срабатывании триггера. Содержится в ключе gtm.visibleTime.
Создадим триггер «Доступность элемента» и зададим ему соответствующие настройки (пример):
Рис. 256. Пример настройки триггера «Доступность элемента»
Какие-либо настройки триггеров в этой статье целенаправленно опускаются, поскольку более подробно о триггерах будет говориться в далее. Стоит отметить, что в данном примере был выбран элемент (кнопка
Рис. 257. Кнопка «Записаться на бесплатное занятие» как условие активации события
? Метод выбора – Селектор CSS;
? Селектор элементов – body > section.block-cont.block-cont1.g-wrap > div.cont-child_like.wrap > div.child_like – text > a ;
? Правило запуска этого триггера – Один раз на страницу;
