# WooCommerce

### Paso 1 : Crear Oferta

Para el seguimiento sin cookies, es obligatorio incluir el parámetro click ID y el token en la URL de la Oferta y también en todas las páginas de destino al crear una oferta en el panel de Offer18.

{% code title="Ejemplo" overflow="wrap" %}

```
https://shopurl.com/?<YOUR-CLICK-ID-PARAMETER>={tid}
```

{% endcode %}

***

### Paso 2 : Instalar complementos

1. "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager" por WPCode
2. "WooCommerce Conversion Tracking" por weDevs

#### Pasos a seguir

1. Inicie sesión en el panel de administración de WordPress.
2. Vaya a "Plugins" y busque "WooCommerce Conversion Tracking" y "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager".

<figure><img src="https://497363578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FBTnSlnwr0VCU4uTv6zV0%2Fimage.png?alt=media&#x26;token=6f92df1b-3037-46da-8399-64c4373bea5c" alt=""><figcaption></figcaption></figure>

3. Instale y active "WooCommerce Conversion Tracking" y "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager".

***

### Paso 3 : Colocación del código

1. Ir a Script de Código **»** Encabezado y Pie de página
2. Coloque el siguiente código en el campo "Scripts en el encabezado"
3. Guardar configuración

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
<script>
    window.Offer18WebSDK.initializeConversion('<YOUR-CLICK-ID-PARAMETER>');
</script>
```

<figure><img src="https://497363578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FVWjK7XVVyPy3CD962xDL%2Fimage.png?alt=media&#x26;token=9d1084cf-3443-4dc1-b0fa-40e11b3fce6c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Los usuarios deben reemplazar '\<YOUR-CLICK-ID-PARAMETER>' con el parámetro clickid utilizado al crear la oferta.
{% endhint %}

***

### Paso 4 : Coloque el siguiente script en Seguimiento de Conversiones

1. Vaya a Seguimiento de Conversiones (submenu en la pestaña de WooCommerce).
2. Habilite "Personalizado" y coloque el siguiente código en "Pedido exitoso."
3. Guardar cambios

```html
<script>
    window.Offer18WebSDK.trackConversion({
        dominio: '',
        accountId: '',
        offerId: '',
        cupón: '', 
        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 del pago (Por favor especifique el monto del pago)
            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>
```

<figure><img src="https://497363578-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FXJbEkIEJbuAJjE86VEcq%2Fimage.png?alt=media&#x26;token=0f2a1a9a-68ab-45d7-9d8e-ebb1103b0c65" alt=""><figcaption></figcaption></figure>

***

Puede recopilar datos de conversión usando varios parámetros de postback de Offer18 y atributos de datos de WooCommerce.

| **Parámetro de Postback de Offer18** | **Parámetro de WooCommerce** |
| ------------------------------------ | ---------------------------- |
| sale                                 | {order\_subtotal}            |
| adv\_sub4                            | {order\_number}              |