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

SegmentStream позволяет отслеживать клики по элементам HTML-разметки. Однако если CSS-селектор элемента изменится, событие перестанет работать.

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

Добавьте к элементу, клик по которым нужно отслеживать, класс segmentstream_event.

Добавьте к элементу следующие атрибуты:

data-event-name - название события в SegmentStream
data-event-category - категория события
data-event-action - действие по событию
data-event-label - ярлык события
data-event-value - ценность события

Пример:

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

Название события: название группы событий
Триггер: клик (или показ, если нужно отслеживать показ)
CSS селектор: ddl_event
Функция, которая возвращает объект события:

return {
  name: element.getAttribute('data-event-name') || '',
  category: element.getAttribute('data-event-category') || '',
  action: element.getAttribute('data-event-action') || '',
  label: element.getAttribute('data-event-label') || '',
  value: element.getAttribute('data-event-value') || 0
};

Попросите разработчиков сохранять эти атрибуты при редактировании элементов на сайте.

Пример настроек: