# BigCommerce

Выполните приведенные ниже шаги, чтобы интегрировать магазин BigCommerce с Offer18 для отслеживания конверсий.

#### Шаг 1 : Создать оффер

Для отслеживания без файлов cookie обязательно включить параметр click ID и токен в URL оффера, а также на всех лендингах при создании оффера в панели Offer18.

{% code title="Пример" overflow="wrap" fullWidth="false" %}

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

{% endcode %}

***

####

#### Шаг 2 : Размещение кода

Выполните шаги для добавления фрагмента кода в аккаунт BigCommerce для всех страниц.

1. Войдите в ваш аккаунт BigCommerce и перейдите в "**Storefront**"
2. Script manager **»** "**Create Script**" **»** добавьте имя скрипта
3. Выберите "**Header**" в разделе placement и "**All Pages**" в location
4. Выберите "**Essential**" в категории Script и "**Script**" в типе скрипта
5. Теперь поместите приведенный ниже скрипт в раздел "**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" %}
Пользователям следует заменить '**\<YOUR-CLICK-ID-PARAMETER>**' на параметр clickid, используемый при создании оффера.
{% endhint %}

<figure><img src="/files/0e757b727fbd8b46a74763e562788f359f825204" alt=""><figcaption></figcaption></figure>

После добавления скрипта для всех страниц выполните следующие шаги, чтобы добавить скрипт для подтверждения заказа.

1. Из **Storefront »** Script manager **»** "**Create Script**" **»** добавьте имя скрипта
2. Script manager **»** "**Create Script**" **»** добавьте имя скрипта
3. Выберите "**Footer**" в разделе placement и "**Order Confirmation**" в location
4. Выберите "**Essential**" в категории Script и "**Script**" в типе скрипта
5. Теперь поместите приведенный ниже скрипт в раздел "**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/838cd52c013306ffe44dd67a1550169d16658da3" alt=""><figcaption></figcaption></figure>

Убедитесь, что все заполнители в скрипте заменены правильной информацией о кампании, как объяснено в таблице ниже.

|                             |                                                           |
| --------------------------- | --------------------------------------------------------- |
| **Заполнитель**             | **Объяснение**                                            |
| `<YOUR-CLICK-ID-PARAMETER>` | Это `clickid` параметр, используемый при создании оффера. |
| `<YOUR-POSTBACK-DOMAIN>`    | Домен для постбэка пользователя. (**domain**)             |
| `<YOUR-ACCOUNT-ID>`         | ID аккаунта Offer18 пользователя. (**accountId**)         |
| `<CAMPAIGN-ID>`             | ID оффера. (**offerId**)                                  |

***

####

#### Режим отладки

Чтобы включить режим отладки в SDK, добавьте следующий код внутри вашего скрипта:

```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/ru/set/integraciya-elektronnoi-kommercii/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.