Shopify

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

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

Пример

https://shopurl.com/?<ВАШ-ПАРАМЕТР-CLICK-ID>={tid}

---

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

1. В админке Shopify перейдите в "Настройки"

2. Перейдите в раздел "События клиента" » "Добавить пользовательский пиксель"

3. Введите "Название пикселя" затем нажмите "Добавить пиксель"

   

4. Удалите существующее содержимое из раздела "Код"

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

analytics.subscribe("page_viewed", (event) => {
  const sdkScript = document.createElement('script');
  sdkScript.setAttribute('src', 'https://web-resources.offer18.net/sdk/web/WebSDK.js');
  sdkScript.setAttribute('async', '');
  document.head.appendChild(sdkScript);
  sdkScript.onload = function () {
    // window.Offer18WebSDK.activateDebugMode(); 
    window.Offer18WebSDK.initializeConversion('<ВАШ-ПАРАМЕТР-CLICK-ID>');
  };
  sdkScript.onerror = function () {
    console.error('Не удалось загрузить Offer18 Web SDK.');
  };
});

analytics.subscribe('checkout_completed', (event) => {
  var discountString;
  var totalAmount = event.data.checkout.totalPrice.amount;
  var orderID = event.data.checkout.order.id;
  var currency = event.data.checkout.currencyCode;
  var allDiscountCodes = event.data.checkout.discountApplications.map((discount) => { if (discount.type === 'DISCOUNT_CODE') { return discount; } });
  if (allDiscountCodes.length > 10) { discountString = ''; } else { discountString = allDiscountCodes.map((item) => item.title).join(','); }
  const sdkScript = document.createElement('script');
  sdkScript.setAttribute('src', 'https://web-resources.offer18.net/sdk/web/WebSDK.js');
  sdkScript.setAttribute('async', '');
  document.head.appendChild(sdkScript);
  sdkScript.onload = function () {
    // window.Offer18WebSDK.activateDebugMode();
    window.Offer18WebSDK.trackConversion({
      domain: '<ВАШ-ДОМЕН-ПОСТБЭКА>',
      accountId: '<ВАШ-ID-АККАУНТА>',
      offerId: '<ID-КАМПАНИИ>',
      postbackType: 'ajax',
      coupon: `${discountString}`,
      conversionData: {
        sale: `${totalAmount}`,
        currency: `${currency}`,
        adv_sub5: `${orderID}`,
      }
    });
  };
  sdkScript.onerror = function () {
    console.error('Не удалось загрузить Offer18 Web SDK.');
  };
});

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

Заполнитель	Объяснение
<ВАШ-ПАРАМЕТР-CLICK-ID>	Это параметр clickid используемый при создании оффера.
<ВАШ-ДОМЕН-ПОСТБЭКА>	Домен постбэка пользователя. (домен)
<ВАШ-ID-АККАУНТА>	ID аккаунта Offer18 пользователя. (accountId)
<ID-КАМПАНИИ>	ID оффера. (offerId)

В случае Shopify 'postbackType' должен быть 'ajax'

1. Перейдите к Сохранить

---

Пользовательские параметры оформления

Если вы используете любую из перечисленных ниже пользовательских корзин, вы должны использовать соответствующий скрипт конверсии, специфичный для этой сторонней корзины.

Shiprocket

analytics.subscribe("page_viewed", (event) => {
  const sdkScript = document.createElement('script');
  sdkScript.setAttribute('src', 'https://web-resources.offer18.net/sdk/web/WebSDK.js');
  sdkScript.setAttribute('async', '');
  document.head.appendChild(sdkScript);
  sdkScript.onload = function () {
    // window.Offer18WebSDK.activateDebugMode(); 
    window.Offer18WebSDK.initializeConversion('<ВАШ-ПАРАМЕТР-CLICK-ID>');
  };
  sdkScript.onerror = function () {
    console.error('Не удалось загрузить Offer18 Web SDK.');
  };
});

analytics.subscribe('PurchaseSR', (event) => {
  var totalAmount = event.customData.value;
  var orderID = event.customData.transaction_id;
  const sdkScript = document.createElement('script');
  sdkScript.setAttribute('src', 'https://web-resources.offer18.net/sdk/web/WebSDK.js');
  sdkScript.setAttribute('async', '');
  document.head.appendChild(sdkScript);
  sdkScript.onload = function () {
    // window.Offer18WebSDK.activateDebugMode();
    window.Offer18WebSDK.trackConversion({
      domain: '<ВАШ-ДОМЕН-ПОСТБЭКА>',
      accountId: '<ВАШ-ID-АККАУНТА>',
      offerId: '<ID-КАМПАНИИ>',
      postbackType: 'ajax',
      conversionData: {
        sale: `${totalAmount}`,
        adv_sub5: `${orderID}`,
      }
    });
  };
  sdkScript.onerror = function () {
    console.error('Не удалось загрузить Offer18 Web SDK.');
  };
});

GoKwik

analytics.subscribe("page_viewed", (event) => {
  const sdkScript = document.createElement('script');
  sdkScript.setAttribute('src', 'https://web-resources.offer18.net/sdk/web/WebSDK.js');
  sdkScript.setAttribute('async', '');
  document.head.appendChild(sdkScript);
  sdkScript.onload = function () {
    // window.Offer18WebSDK.activateDebugMode(); 
    window.Offer18WebSDK.initializeConversion('<ВАШ-ПАРАМЕТР-CLICK-ID>');
  };
  sdkScript.onerror = function () {
    console.error('Не удалось загрузить Offer18 Web SDK.');
  };
});

analytics.subscribe('gokwik_purchase_event', (eventData) => {
  var totalAmount = eventData.customData.total_price;
  var orderID = eventData.customData.order_name;
  const sdkScript = document.createElement('script');
  sdkScript.setAttribute('src', 'https://web-resources.offer18.net/sdk/web/WebSDK.js');
  sdkScript.setAttribute('async', '');
  document.head.appendChild(sdkScript);
  sdkScript.onload = function () {
    // window.Offer18WebSDK.activateDebugMode();
    window.Offer18WebSDK.trackConversion({
      domain: '<ВАШ-ДОМЕН-ПОСТБЭКА>',
      accountId: '<ВАШ-ID-АККАУНТА>',
      offerId: '<ID-КАМПАНИИ>',
      postbackType: 'ajax',
      conversionData: {
        sale: `${totalAmount}`,
        adv_sub5: `${orderID}`,
      }
    });
  };
  sdkScript.onerror = function () {
    console.error('Не удалось загрузить Offer18 Web SDK.');
  };
});

---

Сбор данных

Вы можете собирать данные о конверсиях, используя различные параметры постбэка Offer18

Данные конверсии	Параметр постбэка Offer18	Переменная для использования
Валюта	currency	`${currency}`
Общая сумма заказа	sale	`${totalAmount}`
ID заказа	adv_sub5	`${orderID}`
Купоны на скидку	coupon	`${discountString}`

---

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

Пользователь может включить режим отладки, раскомментировав 'window.Offer18WebSDK.activateDebugMode();'