Как отслеживать показы внутренних промо и баннеров

Шаг 1

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

• class - добавить класс segmentstream_campaign
  Можете использовать любой класс, главное - чтобы он был одинаковым на всех внутренних промо.
• data-campaign-id - идентификатор кампании. Обязательный параметр.
• data-campaign-name - название кампании. Обязательный параметр.
• data-campaign-design - дизайн кампании.
• data-campaign-position - позиция кампании.

Пример размеченного элемента:

Шаг 2

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

Пример настроенного события:

Код события:

var campaigns = elements.map(function(element) {
 return {
  id: element.getAttribute('data-campaign-id'),
  name: element.getAttribute('data-campaign-name'),
  design: element.getAttribute('data-campaign-design'),
  position: element.getAttribute('data-campaign-position')
 };
});

return {
 name: 'Viewed Campaign',
 category: 'Promo',
 campaigns: campaigns
};

Проверка настройки события:

1. Откройте консоль
   
2. Вставьте и запустите ниже приведенный код (информация по всем событиям на странице начнет возникать в виде алертов):

   window.ddListener.push(['on', 'event', function(event) {
     alert(JSON.stringify(event))
   }]);

3. Если баннер находился в зоне видимости - должен появиться алерт вида
   
4. Если алерт не появился, HTML-разметка осуществлена неверно. Если алерт появился, но в нем указана неполная информация по баннеру, необходимо проверить корректность заполнения digitalData.campaigns или заполнение HTML-атрибутов, в зависимости от того, как был настроен сбор данных по кликам - с digitalData.campaigns или без.