# Integração com Google Ads - Web SDK

Para integrar com o Google Ads, recomendamos usar o método direto com o Web SDK em vez do método de redirecionamento. Utilize o link do anunciante no campo de modelo de acompanhamento dentro do Google Ads para rastrear conversões no Offer18 com o Web SDK de forma contínua. Essa abordagem melhora a precisão e a eficiência no monitoramento do desempenho dos seus anúncios.

### Criar Campanha

1. Criar Oferta Usando o Link do Anunciante no Offer18
2. Buscar URL de Rastreamento de Afiliado ou URL de Impressão e remover o ID do Afiliado `(&a=0000)` 

{% code overflow="wrap" %}

```
Exemplo de URL de Rastreamento : https://example.o18.link/c?o=0000000&m=0000
Exemplo de URL de Impressão : https://example.o18.link/i?o=0000000&m=0000
```

{% endcode %}

3. Use esta URL no Web SDK

#### Criar Campanha no Google Ads 

1. Faça login na Conta do Google Ads
2. Clique em "**+ NOVA CAMPANHA**" para criar uma nova campanha
3. Selecione o Objetivo da Campanha Como - **Vendas, Leads, Tráfego do site,** etc. 
4. Definir **Nome da Campanha, Segmentação e orçamento**
5. Definir **grupos de anúncios** e **palavras-chave**
6. Criar anúncios **» Opções de URL do Anúncio**
7. Colocar **URL do Anunciante** em "**Modelo de Rastreamento**"

{% hint style="warning" %}

#### **Modificar a URL do Anunciante Antes de Adicionar no Modelo de Acompanhamento**

Você deve incluir o ID do Afiliado como um parâmetro de consulta na URL do anunciante. A chave do parâmetro usada aqui será utilizada no Web SDK para recuperar o ID do Afiliado.
{% endhint %}

{% code title="Exemplo de URL do Anunciante" %}

```
https://example.com?<YOUR-PARAMETER-KEY>=00000
```

{% endcode %}

8. Adicionar Sufixo de URL (Se houver)
9. Vá para "Salvar anúncio"

#### [<mark style="color:azul;">**Saiba mais sobre como criar uma campanha no Google Ads**</mark>](https://knowledgebase.offer18.com/pt/afiliado/integracao-com-google-ads#create-campaign)

***

## Integração no Lado do Anunciante

Ao configurar a integração no lado do anunciante, configure o WebSDK usando o link de rastreamento de dados.

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 %}

### Rastrear Cliques

Para rastrear cliques usando o SDK, adicione o código a seguir ao seu script.

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

{% code fullWidth="false" %}

```html
<script>
    window.Offer18WebSDK.trackClick({
        trackingURL: '<YOUR-TRACKING-LINK>',
        keymapping: ['a:<YOUR-PARAMETER-KEY>']
    });
</script>
```

{% endcode %}

{% tabs %}
{% tab title="Configuração do Objeto - window\.Offer18WebSDK.trackclick()" %}

1. **trackingURL** (Obrigatório) : Substituir `<YOUR-TRACKING-LINK>` pelo URL de Rastreamento sem o ID do Afiliado
2. **keymapping** : Substituir `<YOUR-PARAMETER-KEY>` pela chave de parâmetro que foi usada no Google Ads para passar o ID do Afiliado
   {% endtab %}
   {% endtabs %}

### Rastrear Impressões

Para rastrear Impressão usando o SDK, adicione o seguinte código ao seu script.

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

{% code fullWidth="false" %}

```html
<script>
    window.Offer18WebSDK.trackClick({
        impressionURL: '<YOUR-IMPRESSION-LINK>',
        keymapping: ['a:<YOUR-PARAMETER-KEY>']
    });
</script>
```

{% endcode %}

{% tabs %}
{% tab title="Configuração do Objeto - window\.Offer18WebSDK.trackclick()" %}

1. **impressionURL** (Obrigatório) : Substituir `<YOUR-TRACKING-LINK>` com a URL de Impressão sem o ID do Afiliado&#x20;
2. **keymapping** : Substituir `<YOUR-PARAMETER-KEY>` pela chave de parâmetro que foi usada no Google Ads para passar o ID do Afiliado
   {% endtab %}
   {% endtabs %}

### Rastrear Conversões

O anunciante deve adicionar o seguinte trecho de código 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 : 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
        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: '',
        }
    })
</script>
```

Clique no link abaixo para saber mais sobre o Web SDK do Offer18

{% content-ref url="../../rede/sdk/web-sdk" %}
[web-sdk](https://knowledgebase.offer18.com/pt/rede/sdk/web-sdk)
{% endcontent-ref %}