# 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, включая любые ошибки или сообщения для отладки.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://knowledgebase.offer18.com/ru/igaming/igaming-sdk/websdk.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.