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

Шаг 1

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

• class - добавить класс segmentstream_product_link
  Можете использовать любой класс, главное - чтобы он был одинаковым на всех товарах.
• data-list-id - id списка. Обязательный параметр.
• data-list-name - название списка. Обязательный параметр.
• data-product-id - id товара. Обязательный параметр.
• data-product-skuCode - sku код товара. Обязательный параметр.
• data-product-name - название товара. Обязательный параметр.
• data-product-unitPrice - стоимость товара без скидки. Обязательный параметр.
• data-product-unitSalePrice -  стоимость товара со скидкой. Обязательный параметр.
• data-product-currency - валюта товара. Обязательный параметр.
• data-product-category - категория товара. Обязательный параметр.

По аналогии добавьте другие параметры объекта product, если необходимо.

Шаг 2

Настроить событие Clicked Product в панели управления SegmentStream, вручную подставив все параметры.

Название события: Clicked Product

Триггер: Клик

CSS-селектор: .segmentstream_product_link

Код события:

return {
 name: 'Clicked Product',
 category: 'Ecommerce',
 listItem: {
  listId: element.getAttribute('data-list-id'),
  listName: element.getAttribute('data-list-name'),
  product: {
   id: element.getAttribute('data-product-id'),
   skuCode: element.getAttribute('data-product-skuCode'),
   name: element.getAttribute('data-product-name'),
   unitPrice: element.getAttribute('data-product-unitPrice'),
   unitSalePrice: element.getAttribute('data-product-unitSalePrice'),
   currency: element.getAttribute('data-product-currency'),
   category: JSON.parse(element.getAttribute('data-product-category'))
  }
 }
};

Шаг 3

Проверьте изменения в Test Mode.

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