Интеграция через трекинг-код для Shopify

Если ваш сайт создан на платформе Shopify, вы можете быстро интегрировать его с системой Admitad с помощью трекинг-кода.

Трекинг-код — это JavaScript-код, который позволяет регистрировать целевые действия и передавать информацию о них в Admitad. Трекинг-код нужно разместить на своем сайте, в результате чего он будет проинтегрирован с системой Admitad.

Общая информация: особенности и рекомендации

  • Приступить к интеграции можно только, если в вашей программе:
    • уже сформирована трекинг-ссылка в разделе «Общие настройки»;
    • уже добавлено целевое действие и настроен тариф для него в разделе «Действия».

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

  • Интеграция — обязательный этап для продолжения работы. Без нее невозможно запустить партнерскую программу в Admitad.

  • Если в процессе интеграции у вас возникнут сложности, привлеките своего технического специалиста: покажите ему эту инструкцию и задайте вопросы.

Когда интеграция будет завершена, все данные о целевых действиях — дата действия, ID заказа и его сумма и пр. — будут отправляться в Admitad автоматически.

Как установить трекинг-код на сайт и настроить его

1. Откройте сайт https://www.shopify.com/ и войдите в свой аккаунт. Откроется административная панель вашего сайта.

2. Перейдите в раздел «Themes» (Online Store → Themes).

unnamed-1.png

3. В блоке «Current theme» в теме сайта откройте список «Actions» (1) и выберите «Edit code» (2).

unnamed-2.png

4. На открывшейся странице на панели слева выберите файл theme.liquid. Откроется файл с исходным кодом.

5. Скопируйте код ниже и вставьте в исходный код своего сайта перед закрывающим тегом </head>.

  • <script src="https://www.artfut.com/static/tagtag.min.js?campaign_code={your_campaign_code}" onerror='var self = this;window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers=ADMITAD.Helpers||{},ADMITAD.Helpers.generateDomains=function(){for(var e=new Date,n=Math.floor(new Date(2020,e.getMonth(),e.getDate()).setUTCHours(0,0,0,0)/1e3),t=parseInt(1e12*(Math.sin(n)+1)).toString(30),i=["de"],o=[],a=0;a

6. Замените значение {your_campaign_code} на значение параметра campaign_code (без фигурных скобок) и нажмите «Save».
Вы получите параметр вида: campaign_code=a1b2c3d4e5, где выделенная часть — уникальный номер вашей партнерской программы. Где получить значение параметра campaign_code

7. Нажмите «Exit», чтобы вернуться на предыдущую страницу, затем перейдите в раздел «Settings».

unnamed-3.png

8. В модальном окне «Settings» нажмите «Checkout».

unnamed-4.png

9. Проскрольте страницу вниз и найдите блок «Order status page». В поле «Additional scripts» добавьте следующий код:

  • <script src="https://www.artfut.com/static/tagtag.min.js?campaign_code={your_campaign_code}" onerror='var self = this;window.ADMITAD=window.ADMITAD||{},ADMITAD.Helpers=ADMITAD.Helpers||{},ADMITAD.Helpers.generateDomains=function(){for(var e=new Date,n=Math.floor(new Date(2020,e.getMonth(),e.getDate()).setUTCHours(0,0,0,0)/1e3),t=parseInt(1e12*(Math.sin(n)+1)).toString(30),i=["de"],o=[],a=0;a'></script>
    <script type="text/javascript">
       ADMITAD = window.ADMITAD || {};
       ADMITAD.Invoice = ADMITAD.Invoice || {};
    ADMITAD.Invoice.category = '{your_action_code}'; // action code (defined during integration) var orderedItem = []; // temporary array for product items var coup = ''; var targ = ''; {% for discount_application in discount_applications %} coup = '{{ discount_application.title }}'; targ = '{{ discount_application.target_type }}'; {% endfor %} var disc = ( targ != 'shipping_line' && '{{ discounts_amount | divided_by: 100.00 }}' > 0 ) ? Number({{ discounts_amount | divided_by: 100.00 }}) : '0'; disc = Number(disc + {{ gift_cards_amount | divided_by: 100.00 }}); var total = Number(({{ subtotal_price | divided_by: 100.00 }} - {{ gift_cards_amount | divided_by: 100.00 }}) + disc); //order price without discount // if there is a discount, we calculate the discount percentage and get the name of coupon var average_price = (disc > 0) ? Number((total - disc) / total) : '1'; {% for item in checkout.line_items %} var price = '{{ item.price | divided_by: 100.00 }}'; // repeat for every product item in the cart orderedItem.push({ Product: { productID: '{{ item.product_id }}', category: '{your_tariff_code}', price: (price*average_price).toFixed(3), // apply a discount to the product price priceCurrency: '{{ currency }}', // currency }, orderQuantity: '{{ item.quantity }}', additionalType: "sale" // payment_type }); {% endfor %} ADMITAD.Invoice.referencesOrder = ADMITAD.Invoice.referencesOrder || []; // adding items to the order ADMITAD.Invoice.referencesOrder.push({ orderNumber: '{{ checkout.order_id }}', discountCode: coup, // promocode orderedItem: orderedItem }); // Important! If order data is loaded via AJAX, uncomment this string. // ADMITAD.Tracking.processPositions(); </script>

10. Замените значение {your_action_code}, {your_tariff_code} и {your_campaign_code} на значения параметров action_code, tariff_code и campaign_code соответственно. Где получить значения этих параметров
Внизу страницы нажмите «Save».

Готово, трекинг-код установлен и настроен.

Как работает дедупликация в трекинг-коде на платформе Shopify

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

  • Платный источник трафика — это любой сторонний ресурс, которому вы платите за привлечение пользователей на ваш сайт по определенным условиям: за каждый переход на сайт, просмотр рекламы, заявку, регистрацию или покупку.
    Например, таргетированная и контекстная реклама, платные посты на каналах лидеров мнений и т.п.

Код дедупликации уже встроен в трекинг-код.
Поэтому информация о действии передается в Admitad в соответствии с моделью атрибуции Last Paid Click: если последним платным источником был веб-мастер Admitad, то действие присваивается Admitad.

Cookie дедупликации со значением платного источника генерируется автоматически в трекинг-коде, который вы размещаете на всех страницах своего сайта.

Когда пользователь делает заказ на вашем сайте, трекинг-код автоматически определяет последний источник по значению параметра utm_source.

Значение utm_source=admitad в последней ссылке, по которой перешел пользователь, означает, что целевое действие будет присвоено Admitad.

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

Чтобы настроить кастомную дедупликацию (например, задать свое наименование переменных или изменить срок хранения cookie):

Разместите код дедупликации на всех страницах сайта после трекинг-кода.

  • <script type="text/javascript">
    // имя cookie для хранения источника
    // если используется другое имя, укажите его
    var cookie_name = 'deduplication_cookie';
    // число дней жизни cookie
    var days_to_store = 90;
    // ожидаемое значение deduplication_cookie для Admitad
    var deduplication_cookie_value = 'admitad';
    // имя GET-параметра для дедупликации
    // если у вас используется другой параметр, укажите его имя
    var channel_name = ‘utm_source’;
    // функция для получения источника из GET параметра
    getSourceParamFromUri = function () {
      var pattern = channel_name + '=([^&]+)';
      var re = new RegExp(pattern);
      return (re.exec(document.location.search) || [])[1] || '';
    };
    // функция для получения источника из cookie с именем cookie_name
    getSourceCookie = function () {
      var matches = document.cookie.match(new RegExp(
        '(?:^|; )' + cookie_name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + '=([^;]*)'
      ));
      return matches ? decodeURIComponent(matches[1]) : undefined;
    };
    // функция для записи источника в cookie с именем cookie_name
    setSourceCookie = function () {
      var param = getSourceParamFromUri();
      if (!param) { return; }
      var period = days_to_store * 60 * 60 * 24 * 1000; // в секундах
      var expiresDate = new Date((period) + +new Date);
      var cookieString = cookie_name + '=' + param + '; path=/; expires=' + expiresDate.toGMTString();
      document.cookie = cookieString;
      document.cookie = cookieString + '; domain=.' + location.host;
    };
    // запись cookie
    setSourceCookie();
    </script>

Чтобы источник трафика на странице «Спасибо за покупку» определялся корректно, разместите код, представленный ниже, сразу после трекинг-кода.

  • У этого кода будет более высокий приоритет, чем у кода дедупликации, встроенного в трекинг-код.

    <script>
    if (!getSourceCookie(cookie_name)) {
      ADMITAD.Invoice.broker = 'na';
    } else if (getSourceCookie(cookie_name) != deduplication_cookie_value) {
      ADMITAD.Invoice.broker = getSourceCookie(cookie_name);
    } else {
      ADMITAD.Invoice.broker = 'adm';
    }
    </script> 

Как тестировать интеграцию после настройки

1. Получите тестовую партнерскую ссылку на странице «Настройка интеграции для Shopify» в блоке «Тестирование интеграции».

  • 1.1 В личном кабинете перейдите в раздел «Интеграция» (Программа → Интеграция).

    1.2 Затем нажмите «Далее» и на странице «Способы интеграции» выберите «Shopify». Нажмите «Далее».

    1.3 Блок «Тестирование интеграции» находится в нижней части экрана.

2. Перейдите по ссылке и выполните целевое действие согласно условиям вашей программы.

Рекомендации по тестированию интеграции:

  • Сделайте несколько тестовых заказов, чтобы проверить все действия и тарифы.

  • Включите несколько товарных позиций в один из тестовых заказов, чтобы проверить, что позиции и общая сумма заказа передаются корректно.

  • Если у вас есть форма быстрого заказа или заказа «В один клик», сделайте заказ через нее, чтобы проверить интеграцию формы.

Тестовый заказ появится в статистике Admitad в течение часа.

Если через час и более заказ не появился в статистике, проверьте, что настройка интеграции выполнена корректно (инструкция). Если проблема сохраняется, сообщите об этом специалисту Admitad.


3. Перейдите в свой личный кабинет Admitad → «Статистика» → «По действиям» и проверьте, что в статистике корректно отображается целевое действие и данные по нему:

  • целевое действие соответствует настройкам партнерской программы;
  • ID заказа в Admitad соответствует ID заказа в вашей системе;
  • сумма заказа в Admitad соответствует сумме тестового заказа.

4. Сообщите специалисту Admitad об окончании тестирования — программа будет поставлена на подготовку к запуску.

Готово. Тестирование интеграции завершено.

Как удалить трекинг-код со своего сайта

1. В административной панели вашего сайта откройте файл theme.liquid, выполнив шаги 1–3 из этой инструкции.

2. Удалите код Admitad, который был добавлен перед закрывающим тегом </head>.
Нажмите «Save».

3. Нажмите «Exit», чтобы вернуться на предыдущую страницу.

4. На открывшейся странице нажмите «Settings». Откроется модальное окно «Settings».

5. В модальном окне «Settings» нажмите «Checkout».

6. Проскрольте страницу вниз и найдите блок «Order status page».
В поле «Additional scripts» удалите код Admitad. Внизу страницы нажмите «Save».


Готово, трекинг-код удален.

FAQ

Где найти значение параметра campaign_code?

1. В личном кабинете перейдите в раздел «Интеграция» (Программа → Интеграция).

2. Затем нажмите «Далее» и на странице «Способы интеграции» переключитесь на вкладку «Интеграция через плагины».

3. На вкладке «Интеграция через плагины» выберите «Shopify» и нажмите «Далее».

4. Значение параметра campaign_code представлено в таблице в верхней части экрана (блок «Настройка интеграции: уникальные значения параметров для вашей программы»).

Вернуться к установке и настройке трекинг-кода

Где найти значение параметра action_code?

1. В личном кабинете перейдите в раздел «Интеграция» (Программа → Интеграция).

2. Затем нажмите «Далее» и на странице «Способы интеграции» переключитесь на вкладку «Интеграция через плагины».

3. На вкладке «Интеграция через плагины» выберите «Shopify» и нажмите «Далее».

4. Во второй таблице на странице в столбце «Действие» найдите то, код которого вам нужен.
Значение параметра action_code представлено в строке с этим действием в столбце «Код действия» (блок «Настройка интеграции: уникальные значения параметров для вашей программы»).

Вернуться к установке и настройке трекинг-кода

Где найти значение параметра tariff_code?

1. В личном кабинете перейдите в раздел «Интеграция» (Программа → Интеграция).

2. Затем нажмите «Далее» и на странице «Способы интеграции» переключитесь на вкладку «Интеграция через плагины».

3. На вкладке «Интеграция через плагины» выберите «Shopify» и нажмите «Далее».

4. Во второй таблице на странице в столбце «Тариф» найдите тот, код которого вам нужен.
Значение параметра tariff_code представлено в строке с этим тарифом в столбце «Код тарифа» (блок «Настройка интеграции: уникальные значения параметров для вашей программы»).

Вернуться к установке и настройке трекинг-кода

Была ли статья полезной?
0 0 0