T-ID Widget Pixel

Бизнес-описание продукта

T-ID Pixel — инструмент, который позволяет идентифицировать клиентов Т-Банка на сайте партнера в реальном времени. Благодаря этому Т-Банк и партнер могут предложить клиентам полезный функционал — например, персонализировать форму оплаты Т-Кассы или выслать пуш-уведомление с выгодным кэшбеком.

Pixel — это JavaScript-код, который добавляется на страницу сайта партнера с помощью T-ID Widget. Pixel позволяет идентифицировать клиентов Т-Банка по cookie, проставленной T-ID при первом контакте с пользователем. Решение можно интегрировать за 1 день без масштабных доработок со стороны партнера.

Потенциал Pixel

На текущий момент потенциал инструмента Pixel — около 40% от всех клиентов Т-Банка. Из-за ограничений на third-party cookie во многих браузерах, сейчас Pixel работает:

с десктопа — через браузер Google Chrome, не инкогнито;
с мобильных устройств — на OS Android через браузер Google Chrome, не инкогнито.

Сценарий использования

Партнер встраивает T-ID Pixel на свой сайт.
Благодаря узнаванию в реальном времени мы можем сделать релевантные предложения пользователям в момент их наибольшей заинтересованности в приобретении товара или услуги.
По договоренности с партнером с помощью авторизации или T-ID Pixel Т-Банк отправляет SMS или пуш-уведомление о покупке с сервисом Долями или в рассрочку.
Персонализированный подход к пользователю увеличивает конверсию в покупку.

По данным внутреннего исследования Т-Банка в ноябре 2023 года:

39% покупателей бросают корзину, чтобы дождаться скидок;
49% покупателей откладывают покупку, потому что не готовы заплатить всю сумму сразу.

Техническое описание продукта

Чтобы интегрировать Pixel на веб-сайт партнера:

Подключите виджет T-ID в блок head — вставьте в него следующий скрипт:

<script src="https://sso-forms-prod.t-static.ru/tid/widget.js"></script>

Пример инициализации скрипта:

<!DOCTYPE html>
<html lang="ru">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Demo</title>
   <script src="https://sso-forms-prod.t-static.ru/tid/widget.js"></script>
</head>
</html>

В теле запроса вызовите виджет T-ID со сценарием Pixel, где client_id — идентификатор партнера в системе Т-Банка:
```
const tidSdk = new TidSDK({ clientId: 'client_id'} );
tidSdk.addPixel();
```

Метод addPixel асинхронный. Возвращает Promise<Data | undefined>, где Data — объект с полями:
- appName — название компании, которая использует Pixel;
- firstName — имя пользователя, которого удалось распознать.
  Пример использования данных из addPixel:
```
const tidSdk = new TidSDK({ clientId: 'client_id'} );
tidSdk.addPixel().then(data => {
console.log(data);
})
```
addPixel также отправляет PostMessage, на которые можно подписаться с помощью события message:
```
window.addEventListener('message', (message) => console.log(message.data));
```

Список отправляемых событий

user-info-load-success — отправляется при успешной загрузке информации о пользователе. Пример данных:
```
{
"source": "tid-widget",
"type": "user-info-load-success",
"data": {
 "appName": "string",
 "firstName": "string",
}
}
```
user-info-load-fail — отправляется при неуспешной загрузке информации о пользователе. Пример данных:
```
{
"source": "tid-widget",
"type": "user-info-load-fail",
}
```