Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Для чего нужно

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

GC автоматически сам к заказам присваивает UTM метки, но для более точной аналитики, некоторые школы создают свои дополнительные поля в заказах, в которые при отправке формы из URL автоматически добавляются UTM метки.

Как настроить сбор UTM меток в дополнительные поля нулевого заказа

Шаг 1. Создаём дополнительные поля в GC

Зайдите в GC на страницу Заказы и нажмите ссылку: Дополнительные поля:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Нажмите кнопку Добавить поле и выберите тип строка:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Создайте 6 дополнительных полей заказа с названиями. Для удобства добавьте 6 меток или оставьте только те, которые вам нужны для работы. Рекомендуем добавить все метки:

  1. scan_utm_source;
  2. scan_utm_medium;
  3. scan_utm_campaign;
  4. scan_utm_content;
  5. scan_utm_term;
  6. scan_utm_group.

Важно
Название дополнительных полей заказа должно быть именно такое и в GetCourse должны быть 6 дополнительных полей. При автоматической обработке выгрузки заказов из GC, если SCAN определит, что в дополнительных полях нет этих названий — UTM метки будут браться из стандартных полей UTM меток заказа GC. Если SCAN определит, что данные названия дополнительных полей заказа есть, но поле scan_utm_source — пустое, то UTM метки будут браться из стандартных полей UTM меток заказа GC. Если SCAN определит, что данные названия дополнительных полей заказа есть и поле scan_utm_source заполнено, то UTM метки будут браться из дополнительных полей scan: scan_utm_source; scan_utm_medium; scan_utm_campaign; scan_utm_content; scan_utm_term; scan_utm_group.

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

6 созданных доп. полей заказа:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Шаг 2: Вывод доп. полей в форме регистрации

Добавим форму на страницу GC или в виджет и в форме добавим создание предложения с суммой заказа 0 руб. при отправке формы.

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Выведем созданные дополнительные поля в форме регистрации. Откройте настройки блока:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Нажмите на кнопку + Поле заказа:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Выберите созданное дополнительное поле заказа:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Создайте все 6 созданных доп. полей заказа и нажмите кнопку Сохранить и закрыть:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Под формой появятся все 6 дополнительных полей:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Шаг 3: Установка скрипта

Скопируйте код ниже:

<!— НАЧАЛО СКРИПТА ВСТАВКИ МЕТОК UTM В ДОП. ПОЛЯ ЗАКАЗА —>
<script type="text/javascript"> 
$(function(){
try{
function getUtmSelector(utm_id){
        return `input[name="formParams[dealCustomFields][${utm_id}]"], textarea[name="formParams[dealCustomFields][${utm_id}]"]`
    }
    function setValueToCustomField(selector, value) {
        var $el = $(selector);
        if ($el.attr('type') === 'hidden') {
            var $fieldEl = document.querySelector(selector).parentElement.querySelector(".form-control.f-input")
            if ($fieldEl) {
               $fieldEl.value = value
            }
            $el.val(JSON.stringify(value));
        } else {
            $el.val(value);
        }
    setTimeout(()=>{
setValueToCustomField(selector,value)
},3000)
    }
  var utm_source_selector = getUtmSelector("id доп поля utm_source")
  var utm_medium_selector = getUtmSelector("id доп поля utm_medium")
  var utm_campaign_selector = getUtmSelector('id доп поля utm_campaign')
  var utm_content_selector = getUtmSelector('id доп поля utm_content')
  var utm_term_selector = getUtmSelector('id доп поля utm_term')
  var utm_group_selector = getUtmSelector('id доп поля utm_group')
    
  var utm_source_val = getGet("utm_source");
  var utm_medium_val = getGet("utm_medium");
  var utm_campaign_val = getGet("utm_campaign");
  var utm_content_val = getGet("utm_content");
  var utm_term_val = getGet("utm_term");
  var utm_group_val = getGet("utm_group");
  setValueToCustomField(utm_source_selector, utm_source_val);
  setValueToCustomField(utm_medium_selector, utm_medium_val);
  setValueToCustomField(utm_campaign_selector, utm_campaign_val);
  setValueToCustomField(utm_content_selector, utm_content_val);
  setValueToCustomField(utm_term_selector, utm_term_val);
  setValueToCustomField(utm_group_selector, utm_group_val);

}catch(error){
console.log(error,"Ошибка при вставке utm меток в доп. поля заказа.")
}
});

function getGet(name) {
   var s = window.location.search;
   s = s.match(new RegExp(name + '=([^&=]+)'));
   return s ? decodeURI(s[1]) :"";
}
</script>
<!— КОНЕЦ СКРИПТА ВСТАВКИ МЕТОК UTM В ДОП. ПОЛЯ ЗАКАЗА —>

и вставьте его в общие настройки GetCourse. Страница находится по адресу: https://www.вашсайт.ру/saas/account/settings

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC
Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

В скрипте есть значения id доп. поля заказа — вместо этого нужно вставить свои значения.

Например, заменим значение первой метки:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Открываем страницу с формой, наводим мышку на первое поле scan_utm_source и нажимаем правую кнопку мыши и в открывшемся окне выбираем Посмотреть код:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Внизу браузера откроется окно с кодом с уже выделенной строчкой. Вам нужно скопировать цифры id своего поля:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Вставьте скопированные цифры в скрипт в настройках GC:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Таким же образом определите id других полей формы регистрации, вставьте цифры в скрипт.

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

И нажмите кнопку Сохранить:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Шаг 4: Проверка работы скрипта

Опубликуйте страницу с формой регистрации и откройте её с UTM метками в URL. Например, можно подставить к странице вот эту строчку:

?utm_source=source&utm_medium=medium&utm_campaign=campaign&utm_content=content&utm_term=term&utm_group=group

Во все доп. поля должны подставиться значения из URL:

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

Если значений нет или не во всех полях, пожалуйста, проверьте ещё раз всё по инструкции с самого начала.

Шаг 5: Скрытие доп. полей заказа

Чтобы скрыть выведенные доп. поля нужно в CSS класс элемента добавить тег: hidden и сохранить настройки.

Настройка вставки UTM меток из URL в доп. поля нулевого заказа GC

После этого все поля будут скрыты, но в них по прежнему будут подставляться UTM метки из URL.

Откройте страницу с метками и заполните форму. На странице нулевого заказа в доп. полях должны быть сохранены значения из URL.

Помогла инструкция?

Поделиться с коллегой
Фото аватара
SCAN analytics

Сервис сквозной аналитики созданный специально для онлайн-школ. Позволяет автоматизировать выгрузку данных из платформы GetCourse, рекламных кабинетов, Bizon365 и за пару минут создать полезный отчёт по 70 группировкам и 60 метрикам. Детальная аналитика рекламы, вебинаров и возможность работа с десятками подрядчиков по трафику увеличат эффективность и прибыль Вашей школы.

Инструкции к сервису аналитики SCAN
Добавить комментарий