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

Шаг 1

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

• class - добавить класс segmentstream_product
  Можете использовать любой класс, главное - чтобы он был одинаковым на всех товарах.
• 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

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

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

Триггер: Показ

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

Код события:

return {
 name: 'Viewed Product',
 category: 'Ecommerce',
 listItems: elements.map(function(element) {
  return {
   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.