# WebSDK

## **Começar**

Para começar a rastrear com o SDK web da Offer18, é necessário adicionar uma tag script no site.

<mark style="color:roxo;">Posicionamento : Cabeçalho (Todas as Páginas)</mark>

{% code fullWidth="false" %}

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

{% endcode %}

***

Os usuários devem adicionar o trecho de código a seguir em todas as páginas de destino, exceto na página de confirmação de pedido / página de sucesso do pedido (Obrigado).

<mark style="color:roxo;">Posicionamento : Cabeçalho (Todas as Páginas)</mark>

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

Depois de adicionar o script é preciso adicionar o seguinte script na página de agradecimento/confirmacão de pedido

<mark style="color:roxo;">Posicionamento : Página de Obrigado/Página de Sucesso do Pedido (Uma Página)</mark>

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon:'',
        postbackType: '', // 'iframe' or 'pixel'
        isGlobalPixel: false, // true or false
        iGamingCampaign: true, // true ou 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="Configuração do Objeto - window\.Offer18WebSDK.trackConversion()" %}

1. **domain** (Obrigatório) : Domínio de postback do usuário.
2. **accountId** (Obrigatório) : ID de conta Offer18 do usuário.
3. **offerId** (Obrigatório) : ID da campanha.
4. **coupon :** Código de cupom pode ser usado aqui
5. **postbackType** : Pode ser `'iframe'` ou `'pixel'`, o valor padrão é `'iframe'`.&#x20;
6. **isGlobalPixel** : O usuário pode configurar pixel global definindo isto `true` , o valor padrão é `false`.
7. **iGamingCampaign :** O usuário pode configurar o Postback iGaming definindo isto `true` , o valor padrão é `false`.&#x20;
8. **allowMultiConversion** : O usuário pode permitir MultiConversion definindo isto `true` , o valor padrão é `false`.&#x20;
9. **conversionData** : Este objeto contém os parâmetros que podem ser usados para obter valores da rede.
10. **userActivityData** : Este objeto contém os parâmetros que podem ser usados para rastrear dados de atividade do usuário iGaming
    {% endtab %}
    {% endtabs %}

{% hint style="info" %}
**ID do usuário** (ig-user-id) é obrigatório ser enviado no Postback iGaming
{% endhint %}

#### **Código de exemplo**

```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>
```

***

## Modo de Depuração

Para ativar o modo de depuração no SDK, pode-se adicionar o seguinte código dentro do seu script:

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

Ativar o modo de depuração permite ao usuário obter informações mais detalhadas sobre o funcionamento do SDK, incluindo quaisquer erros ou mensagens de depuração.


---

# 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/pt/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.