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

Вы можете привязать отправку любого события к показу определённого элемента на экране. Событие сработает, как только выбранный элемент будет отображён на экране пользователя минимум на 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.