# BigCommerce

Sigue los pasos a continuación para integrar la tienda BigCommerce con Offer18 y rastrear conversiones.

#### 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" fullWidth="false" %}

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

{% endcode %}

***

####

#### Paso 2 : Colocación de Código

Sigue los pasos para añadir el fragmento de código en la cuenta de BigCommerce para todas las páginas.

1. Desde tu cuenta de BigCommerce, ve a "**Storefront**"
2. Script manager **»** "**Crear Script**" **»** añadir nombre del Script
3. Selecciona "**Header**" en placement y "**All Pages**" en location
4. Selecciona "**Essential**" en la categoría del Script y "**Script**" en el tipo de script
5. Ahora, coloca el script que se muestra a continuación en la sección "**Script contents**"

{% code fullWidth="false" %}

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

{% endcode %}

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

<figure><img src="/files/8ce7ac7c118b40c7f50a8245f32f1dcb42b6eb86" alt=""><figcaption></figcaption></figure>

Después de añadir el script para todas las páginas, sigue los pasos a continuación para añadir el script para la Confirmación de Pedido.

1. Desde **Storefront »** Script manager **»** "**Crear Script**" **»** añadir nombre del Script
2. Script manager **»** "**Crear Script**" **»** añadir nombre del Script
3. Selecciona "**Footer**" en placement y "**Order Confirmation**" en location
4. Selecciona "**Essential**" en la categoría del Script y "**Script**" en el tipo de script
5. Ahora, coloca el script que se muestra a continuación en la sección "**Script contents**"

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
<script>
  var my_order_id = {{{ checkout.order.id }}};
  let my_store_api = '/api/storefront/orders/' + my_order_id;
  fetch(my_store_api)
    .then((res) => res.json())
    .then((order) => {
      var couponString = '';
      if (order.coupons) {
        couponString = order.coupons
          .map(c => c.code)
          .join(', ');
      }
      window.Offer18WebSDK.trackConversion({
        domain: '<YOUR-POSTBACK-DOMAIN>',
        accountId: '<YOUR-ACCOUNT-ID>',
        offerId: '<CAMPAIGN-ID>',
        coupon: `${couponString}`,
        postbackType: '', // 'iframe' or 'pixel'
        isGlobalPixel: false, // true or false
        allowMultiConversion: false, // true or false
        conversionData: {
          sale: `${order.orderAmount}`,        // Sale Amount
          currency: `${order.currency.code}`,
          adv_sub5: `${my_order_id}`,
        }
      });
    });
</script>
```

<figure><img src="/files/d69d062dbc426c900fc003169492cbe0d4ba18cf" alt=""><figcaption></figcaption></figure>

Asegúrate de que todos los marcadores de posición en el script sean reemplazados con la información correcta de la campaña, como se explica en la tabla a continuación.

|                             |                                                          |
| --------------------------- | -------------------------------------------------------- |
| **Marcador de posición**    | **Explicación**                                          |
| `<YOUR-CLICK-ID-PARAMETER>` | Esto es el `clickid` parámetro usado al crear la oferta. |
| `<YOUR-POSTBACK-DOMAIN>`    | Dominio de postback del usuario. (**domain**)            |
| `<YOUR-ACCOUNT-ID>`         | ID de cuenta de Offer18 del usuario. (**accountId**)     |
| `<CAMPAIGN-ID>`             | Id de la oferta. (**offerId**)                           |

***

####

#### Modo Debug

Para habilitar el modo debug en un SDK, agrega el siguiente código dentro de tu script:

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


---

# 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/es/red/integracion-de-comercio-electronico/bigcommerce.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.