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

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

Шаг 1

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

Шаг 2

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

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

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

Функция, которая возвращает объект события. Подробнее в документации по событиям.
Перейти по ссылке из “href” после события. Если клик приводит к переходу на другую страницу, переключатель должен быть включен. Если перехода на другую страницу сразу после клика нет, флаг нужно выключить.

Шаг 3

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

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

Шаг 4

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

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

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

Как проверить событие, если после клика есть редирект?

Если после клика вы не успеваете проверить событие в digitalData в консоли, вы можете проверить событие в отчётах реального времени Google Analytics.
Альтернатива: включите сохранение лога во вкладке Network в Devtools, совершите клик, затем найдите соответствующий запрос, отправленный в Google Analytics: