# Integración de Google Ads - SDK web

Para integrarse con Google Ads, recomendamos usar el método directo con Web SDK en lugar del método de redirección. Utilice el enlace del anunciante en el campo de plantilla de seguimiento dentro de Google Ads para rastrear conversiones en Offer18 con Web SDK sin problemas. Este enfoque mejora la precisión y la eficiencia al monitorear el rendimiento de sus anuncios.

### Crear campaña

1. Crear oferta usando el enlace del anunciante en Offer18
2. Obtener la URL de seguimiento de afiliado o la URL de impresión y eliminar el ID de afiliado `(&a=0000)` 

{% code overflow="wrap" %}

```
Ejemplo de URL de seguimiento : https://example.o18.link/c?o=0000000&m=0000
Ejemplo de URL de impresión : https://example.o18.link/i?o=0000000&m=0000
```

{% endcode %}

3. Use esta URL en Web SDK

#### Crear campaña en Google Ads 

1. Iniciar sesión en la cuenta de Google Ads
2. Haga clic en "**+ NUEVA CAMPAÑA**" para crear una nueva campaña
3. Seleccionar objetivo de campaña como - **Ventas, Clientes potenciales, Tráfico al sitio web,** etc. 
4. Definir **Nombre de la campaña, Segmentación y presupuesto**
5. Definir **grupos de anuncios** y **palabras clave**
6. Crear anuncios **» Opciones de URL del anuncio**
7. Colocar **URL del anunciante** en "**Plantilla de seguimiento**"

{% hint style="warning" %}

#### **Modificar la URL del anunciante antes de agregarla en la plantilla de seguimiento**

Debe incluir el ID de afiliado como un parámetro de consulta en la URL del anunciante. La clave de parámetro utilizada aquí se usará en el Web SDK para recuperar el ID de afiliado.
{% endhint %}

{% code title="Ejemplo de URL del anunciante" %}

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

{% endcode %}

8. Agregar sufijo de URL (si corresponde)
9. Ir a "Guardar anuncio"

#### [<mark style="color:azul;">**Obtenga más información sobre cómo crear una campaña en Google Ads**</mark>](https://knowledgebase.offer18.com/es/afiliado/integracion-de-google-ads#create-campaign)

***

## Integración en el lado del anunciante

Al configurar la integración en el lado del anunciante, configure WebSDK usando la URL de seguimiento de datos.

Para comenzar a rastrear con el SDK web de Offer18, es necesario añadir una etiqueta script en el sitio web.

<mark style="color:morado;">Ubicación : Encabezado (Todas las páginas)</mark>

{% code fullWidth="false" %}

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

{% endcode %}

### Rastrear clics

Para rastrear clics usando el SDK, agregue el siguiente código a su script.

<mark style="color:morado;">Ubicación : Encabezado (Todas las 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="Configuración del objeto - window\.Offer18WebSDK.trackclick()" %}

1. **trackingURL** (Obligatorio) : Reemplazar `<YOUR-TRACKING-LINK>` con la URL de seguimiento sin el ID de afiliado
2. **keymapping** : Reemplazar `<YOUR-PARAMETER-KEY>` con la clave de parámetro que se usó en Google Ads para pasar el ID de afiliado
   {% endtab %}
   {% endtabs %}

### Rastrear impresiones

Para rastrear impresiones usando el SDK, agregue el siguiente código a su script.

<mark style="color:morado;">Ubicación : Encabezado (Todas las 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="Configuración del objeto - window\.Offer18WebSDK.trackclick()" %}

1. **impressionURL** (Obligatorio) : Reemplazar `<YOUR-TRACKING-LINK>` con la URL de impresión sin el ID de afiliado&#x20;
2. **keymapping** : Reemplazar `<YOUR-PARAMETER-KEY>` con la clave de parámetro que se usó en Google Ads para pasar el ID de afiliado
   {% endtab %}
   {% endtabs %}

### Rastrear conversiones

El anunciante debe agregar el siguiente fragmento de código en todas las páginas de destino excepto la página de confirmación de pedido / página de éxito de pedido (Gracias).

<mark style="color:morado;">Ubicación : Página de agradecimiento/Página de éxito del pedido (Una página)</mark>

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon:'',
        postbackType: '', // 'iframe' o 'pixel'
        isGlobalPixel: false, // true o false
        allowMultiConversion: false, // true o false
        conversionData: {
            event: '', // Nombre del evento (Por favor especifique el evento)
            payout: '', // Monto de la comisión (Por favor especifique el monto de la comisión)
            sale: '', // Monto de la venta (Por favor especifique el monto de la venta)
            currency: '',
            adv_sub1: '',
            adv_sub2: '',
            adv_sub3: '',
            adv_sub4: '',
            adv_sub5: '',
        }
    })
</script>
```

Haga clic en el enlace a continuación para saber más sobre el Web SDK de Offer18

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