Размещение скрипта в код сайта

Обновлено 20 декабря 2023

1. Выкачать из репозитория файл скрипта (svXXX.js) нужной версии и файл с описанием типов (sv.ts)

2. Подключить скрипт на сайт

<script src="svXXX.js"> <script>

3. Импортировать тип из sv.ts:

Пример:

import { SberVisorConstructor } from './sv';
  
declare global {
  interface Window {
      SberVisor: SberVisorConstructor,
  }
}

4. Инициализировать скрипт

Пример:

const sv = new window.SberVisor({
   url: 'https://sa.online.sberbank.ru:8098/metrics/partners', // Ссылка может отличаться
   subId: 'subId клиента партнера', //вставьте значение атрибута subId, который клиент получает после авторизации через sberId
   buffer: 1, //размер пакета
   apiKey: 'уникальный apiKey sbervisor для продукта',
   sberId: 'наименование продукта партнера в sberId',
   appId: 'любой внутренний идентификатор пользователя'
});

5. Вызывать события в нужных местах всех страниц сервиса (подробнее о разметке смотрите в Ххххх адрес статьи)

Пример: Отрисовка кнопки оплаты корзины

sv.push({
    eventCategory: 'Показ',
    eventAction: 'Оплата корзины',
    eventType: 'Клик',
    properties: {
        prop1: value1,
    }
})

6. При необходимости изменить свойства, скажем присвоить appId после авторизации

Пример:

sv.appId = newValue;