# WebSDK

## **Начать**

Чтобы начать отслеживание с веб-SDK Offer18, необходимо добавить тег script на веб-сайт.

<mark style="color:фиолетовый;">Размещение : Заголовок (Все страницы)</mark>

{% code fullWidth="false" %}

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
```

{% endcode %}

***

Пользователи должны добавить следующий фрагмент кода на все лендинги, кроме страниц подтверждения заказа / страницы успеха заказа (Thank you).

<mark style="color:фиолетовый;">Размещение : Заголовок (Все страницы)</mark>

```html
<script>
    window.Offer18WebSDK.initializeConversion('<YOUR-CLICK-ID-PARAMETER>');
</script>
```

После добавления скрипта необходимо добавить следующий скрипт на страницу thankyou/order-confirmation

<mark style="color:фиолетовый;">Размещение : Страница благодарности/Страница успешного заказа (Одна страница)</mark>

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon:'',
        postbackType: '', // 'iframe' or 'pixel'
        isGlobalPixel: false, // true or false
        iGamingCampaign: true, // true или false
        allowMultiConversion: false, // true or false
        conversionData: {
            event: '', // Event Name (Please specify the event)
            payout: '', // Payout Amount (Please specify the payout amount)
            sale: '', // Sale Amount (Please specify the sale amount)
            currency: '',
            adv_sub1: '',
            adv_sub2: '',
            adv_sub3: '',
            adv_sub4: '',
            adv_sub5: '',
        },
        userActivityData: {
            'ig-user-id': '',
            'ig-deposit-amount': '',
            'ig-bet-amount': '',
            'ig-win-amount': '',
            'ig-withdrawal-amount': '',
            'ig-bonus-amount': '',
            'ig-product-id': '', 
      }
    })
</script>
```

{% tabs %}
{% tab title="Конфигурация объекта - window\.Offer18WebSDK.trackConversion()" %}

1. **domain** (Обязательный) : Домен постбэка пользователя.
2. **accountId** (Обязательный) : Идентификатор аккаунта Offer18 пользователя.
3. **offerId** (Обязательный) : Идентификатор кампании.
4. **coupon :** Здесь можно использовать код купона
5. **postbackType** : Это может быть либо `'iframe'` или `'pixel'`, значение по умолчанию `'iframe'`.&#x20;
6. **isGlobalPixel** : Пользователь может настроить глобальный пиксель, установив это `true` , значение по умолчанию `false`.
7. **iGamingCampaign :** Пользователь может настроить iGaming Postback, установив это `true` , значение по умолчанию `false`.&#x20;
8. **allowMultiConversion** : Пользователь может разрешить множественные конверсии, установив это `true` , значение по умолчанию `false`.&#x20;
9. **conversionData** : Этот объект содержит параметры, которые можно использовать для получения значений из сети.
10. **userActivityData** : Этот объект содержит параметры, которые можно использовать для отслеживания данных активности пользователей iGaming
    {% endtab %}
    {% endtabs %}

{% hint style="info" %}
**Идентификатор пользователя** (ig-user-id) обязательно должен быть передан в iGaming Postback
{% endhint %}

#### **Пример кода**

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: 'example.o18.link',
        accountId: '0000',
        offerId: '00000000',
        iGamingCampaign: true,
        userActivityData: {
            'ig-user-id': 'Customer12',
            'ig-deposit-amount': '12',
            'ig-bet-amount': '5',
            'ig-win-amount': '5',
            'ig-withdrawal-amount': '10',
            'ig-bonus-amount': '5'
            'ig-product-id': 'ludo12', 
      }
    });
</script>
```

***

## Режим отладки

Чтобы включить режим отладки в SDK, можно добавить следующий код в ваш скрипт:

```html
<script>
    window.Offer18WebSDK.activateDebugMode();
</script>
```

Включение режима отладки позволяет пользователю получать более подробную информацию о работе SDK, включая любые ошибки или сообщения для отладки.