База знаний uCalc

UTM-метки позволяют отслеживать эффективность рекламных кампаний и анализировать источники трафика. В uCalc вы можете легко собрать UTM-метки из URL и передать их в форму для дальнейшего анализа.

Добавление UTM-меток к кнопке

Чтобы добавить UTM-метки к кнопке:

• Перейдите в настройки кнопки.
• В поле "Ссылка" укажите URL с UTM-метками. Например:

https://ваш_сайт/?utm_source=direct&utm_medium=cpc&utm_campaign=phone&utm_content=discount&utm_term=buy_phone

Автоматический сбор UTM-меток с помощью JavaScript

Для автоматического сбора UTM-меток из URL и их передачи в скрытое поле формы, используйте следующий JavaScript-код:

<script>
$(document).ready(function () {
 const INPUT_SELECTOR = '#input_text-10';
 const GRID_SELECTOR = '#grid-10-10';
 const DIRECT_PARAMS = ['yclid', 'utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];

 function getUrlParameter(sParam) {
 var sPageURL = window.location.search.substring(1),
 sURLVariables = sPageURL.split('&'),
 sParameterName;

 for (var i = 0; i < sURLVariables.length; i++) {
 sParameterName = sURLVariables[i].split('=');
 if (sParameterName[0] === sParam) return sParameterName[1] ? decodeURIComponent(sParameterName[1]) : true;
 }
 return null;
 }

 var collectedParams = [];
 DIRECT_PARAMS.forEach(function(param) {
 var value = getUrlParameter(param);
 if (value) collectedParams.push(param + '=' + value);
 });

 var directParamsString = collectedParams.join('&');
 if (directParamsString) {
 $(INPUT_SELECTOR).val(directParamsString).trigger('input');
 }
 $(GRID_SELECTOR).hide();
});
</script>

Пояснение

• Код извлекает UTM-метки и параметры Яндекс.Директа из URL и записывает их в скрытое поле формы.
• Скрипт скрывает элемент с указанным селектором после сбора данных.

Как использовать

• Вставьте скрипт на страницу.
• Убедитесь, что есть скрытое поле <input> с нужным ID (например, input_text-10).
• Когда пользователь переходит по ссылке с UTM-метками, данные автоматически запишутся в форму.