Как отслеживать показы элементов на странице – SegmentStream

Вы можете привязать отправку любого события к показу определённого элемента на экране. Событие сработает, как только выбранный элемент будет отображён на экране пользователя минимум на 75%.

Ниже типичный алгоритм настройки события на примере события показа кнопки “Show More Products”:

Шаг 1

В панели управления SegmentStream в разделе “События” нажмите кнопку “Добавить”:

Шаг 2

Заполните настройки события.

Название события. Рекомендуем использовать правила нейминга событий digitalData.
Триггер: Выберите "Показ"
CSS селектор. В качестве селектора может выступать, например, класс элемента или id элемента:

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

Функция, которая возвращает объект события. Подробнее в документации по событиям.

Пример функции:

return {
 category: 'Behaviour',
 name: 'Viewed Show More Products Button'
};

Шаг 3

Сохраните настройки и проверьте работу события в тестовом режиме:

Перейдите на сайт с включенным Test Mode
Просмотрите нужный элемент
В консоли браузера введите digitalData и нажмите Enter.
Найдите нужное событие в массиве Events:

Шаг 4

Если событие работает корректно, опубликуйте изменения SegmentStream:

Обратите внимание

Все события будут автоматически отправляться в SegmentStream Streaming и в Google Analytics.