BigCommerce

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

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

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

Пример

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

---

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

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

1. Войдите в ваш аккаунт BigCommerce и перейдите в "Storefront"

2. Script manager » "Create Script" » добавьте имя скрипта

3. Выберите "Header" в разделе placement и "All Pages" в location

4. Выберите "Essential" в категории Script и "Script" в типе скрипта

5. Теперь поместите приведенный ниже скрипт в раздел "Script contents"

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

Пользователям следует заменить '<YOUR-CLICK-ID-PARAMETER>' на параметр clickid, используемый при создании оффера.

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

1. Из Storefront » Script manager » "Create Script" » добавьте имя скрипта

2. Script manager » "Create Script" » добавьте имя скрипта

3. Выберите "Footer" в разделе placement и "Order Confirmation" в location

4. Выберите "Essential" в категории Script и "Script" в типе скрипта

5. Теперь поместите приведенный ниже скрипт в раздел "Script contents"

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

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

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

---

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

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

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