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

  • Обновлено
Подписаться

Ниже типичный алгоритм настройки события на примере события клика по кнопке “Show More Products”:
show-more-products-button.jpg

Шаг 1

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

Шаг 2

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

click-event.jpg

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

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

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

Шаг 3

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

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

Шаг 4

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

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

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

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

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

Комментарии

0 комментариев

Войдите в службу, чтобы оставить комментарий.