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

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

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

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

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

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

Зайдите в 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.

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

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

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

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

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

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

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

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

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

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

<!— НАЧАЛО СКРИПТА ВСТАВКИ МЕТОК UTM В ДОП. ПОЛЯ ЗАКАЗА —>
<script type="text/javascript"> 
$(function(){
  var utm_source_selector = 'input[name="formParams[dealCustomFields][id доп. поля заказа]"]';
  var utm_medium_selector = 'input[name="formParams[dealCustomFields][id доп. поля заказа]"]';
  var utm_campaign_selector = 'input[name="formParams[dealCustomFields][id доп. поля заказа]"]';
  var utm_content_selector = 'input[name="formParams[dealCustomFields][id доп. поля заказа]"]';
  var utm_term_selector = 'input[name="formParams[dealCustomFields][id доп. поля заказа]"]';
  var utm_group_selector = 'input[name="formParams[dealCustomFields][id доп. поля заказа]"]';
    
  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");
  
  $(utm_source_selector).val(utm_source_val);
  $(utm_medium_selector).val(utm_medium_val);
  $(utm_campaign_selector).val(utm_campaign_val);
  $(utm_content_selector).val(utm_content_val);
  $(utm_term_selector).val(utm_term_val);
  $(utm_group_selector).val(utm_group_val);

});

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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