> For the complete documentation index, see [llms.txt](https://knowledgebase.offer18.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledgebase.offer18.com/ru/set/integraciya-s-elektronnoi-kommerciei/bigcommerce.md).

# 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>
```