Как передавать UTM-метки из Taptop в CRM

UTM-метки позволяют понять, из какого рекламного канала, кампании или объявления пришёл каждый лид. Но по умолчанию форма Taptop не передаёт их в CRM: заявка приходит без источника.
В этой статье покажем, как настроить передачу UTM-меток через форму в Taptop так, чтобы с каждой заявкой в CRM приходил полный источник трафика.

Что такое UTM-метки

UTM-метки — это дополнительные параметры, которые добавляются к ссылке в рекламном объявлении.

Пример ссылки с UTM-метками:

https://ваш-сайт.ru/?utm_source=google&utm_medium=cpc&utm_campaign=осень2026

Каждый параметр отвечает за свой вопрос:

utm_source — источник трафика: Google, ВКонтакте, Telegram и т. д.

utm_medium — тип трафика: cpc — платная реклама, organic — поисковый трафик.

utm_campaign — название кампании, которое вы задали сами.

utm_term — ключевое слово (для поисковой рекламы).

utm_content — конкретное объявление или баннер.
Когда пользователь кликает по объявлению, все эти параметры появляются в адресной строке его браузера. Задача — считать их и сохранить вместе с заявкой.

Почему форма не захватывает UTM-метки автоматически

Параметры UTM есть в URL — но когда пользователь заполняет форму и нажимает «Отправить», форма передаёт только то, что в ней явно прописано. О параметрах в адресной строке она ничего не знает.

Заявка приходит — но без источника.

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

Шаг 1. Добавьте скрытые поля в форму

Добавьте поля для UTM-меток.

Откройте редактор Taptop и перейдите к нужной форме. Добавьте несколько дополнительных полей типа Input — по одному на каждый UTM-параметр.

Стандартный набор: utm_source, utm_medium, utm_campaign, utm_term, utm_content. Если в рекламе используете свои параметры — добавьте и их.

Каждый Input добавьте внутрь формы, рядом с остальными полями. Для удобства рекомендуется обернуть их в Div-блок.

В настройках поля введите название, например utm_medium. Рекомендуется назвать поле так же, как и сам UTM-параметр — так будет удобнее для дальнейшей настройки. Выберите тип поля — простой.

Также можно задать фоновый текст — такой же, как название поля.

Настройте атрибуты полей.

Выберите первое поле, найдите в настройках раздел Пользовательские атрибуты и добавьте атрибут:

Название: data-utm-name

Значение: ключ параметра — например, utm_medium

Нажмите кнопку Добавить атрибут — без этого атрибут не сохранится.

Повторите для каждого поля. Название атрибута у всех одинаковое — data-utm-name, но значение у каждого своё: utm_medium, utm_campaign, utm_term, utm_content.

Именно по этому атрибуту скрипт будет понимать, какое поле отвечает за какой параметр. Без него ничего работать не будет.

Скройте поля от пользователя.

В стилях Div-блока, в котором размещены поля Input, найдите Авто-лейаут → Отображение и выставьте значение none (скрыть элемент). Поле останется в форме и будет отправляться, но пользователь его не увидит.

Шаг 2. Добавьте JavaScript-код

Теперь нужен скрипт, который прочитает UTM-параметры из адресной строки и заполнит ими скрытые поля.

Добавьте на страницу виджет виджет Embed — в любое место, он не занимает места визуально. Вставьте в него следующий код:

<script>
document.addEventListener('DOMContentLoaded', function() {
  var urlParams = new URLSearchParams(window.location.search);
  document.querySelectorAll('input[data-utm-name]').forEach(function(input) {
    var utmKey = input.dataset.utmName;
    if (utmKey && urlParams.has(utmKey)) {
      input.value = urlParams.get(utmKey);
    }
  });
});
</script>

Скрипт считывает параметры из URL и записывает их значения в соответствующие скрытые поля формы. Сохраните код.

Шаг 3. Проверьте, что всё работает

1. Временно снимите скрытие полей (верните Отображение: block), чтобы увидеть, что значения подставились. Если всё сработает, то после проверки верните Отображение: none.

2. Сохраните и опубликуйте сайт.

3. Откройте сайт через тестовую ссылку с UTM-параметрами. Для этого к ссылке на ваш опубликованный сайт добавьте тестовые UTM-параметры:

?utm_source=google&utm_medium=cpc&utm_campaign=test

В результате получится ссылка вида: https://ваш-сайт.ru/?utm_source=google&utm_medium=cpc&utm_campaign=test

Важно: если открыть сайт без UTM-параметров, поля останутся пустыми. Это нормальное поведение — скрипт ничего не находит в URL и ничего не записывает.

Проверьте: в полях формы должны появиться данные UTM-параметров.

Шаг 4. Настройте передачу UTM-полей с CRM через интеграцию Albato

Последний шаг — настроить интеграцию Albato, чтобы она передавала новые поля в CRM.

Добавьте связку

Откройте Настройки сайта: вкладка Интеграции → Интеграции через Albato.

2. Выберите Мои связки → Новая связка.

Добавьте и настройте триггер

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

1. Добавьте триггер: Сервис, откуда получать данные — Taptop, Событие — получение данных из формы, подключите свой аккаунт Taptop.

2. Создайте вебхук.

Скопируйте ссылку на вебхук.

Ниже нажмите Добавить вебхук Albato.

Введите название вебхука. Например, Битрикс. Вставьте скопированную ссылку в соответствующее поле. Выберите нужную форму и нажмите кнопку Добавить вебхук Albato.

3. Проверьте передачу данных.

Нажмите кнопку Ожидать вебхук.

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

4. Протестируйте триггер.

Нажмите Протестировать.

Нажмите Ожидание вебхука.

Перейдите на ваш сайт и еще раз заполните и отправьте форму. Перейдите обратно в настройки и проверьте, что все данные получены.

Добавьте и настройте действие после старта связки

Здесь нужно настроить передачу данных в CRM. Например, в Битрикс с созданием нового лида.

Нажмите на «+», чтобы добавить действие.

Выберите сервис — Битрикс24. Выберите действие — новый лид. Подключите свой аккаунт Битрикс.

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

Например:

Заголовок — поля Название формы и Имя

Имя — поле Имя

Телефон — поле Телефон

Метки utm_source, utm_medium и utm_campaign — соответствующие поля

Протестируйте действие. Нажмите Протестировать.

Проверьте полученные данные.

Готово! Интеграция настроена.

Шаг 5. Проверьте работу интеграции

Перейдите в Битрикс и проверьте, появилась ли новая заявка.

Откройте карточку контакта и проверьте, что в нее попали все UTM-метки.

Таким образом, данные отправляемых форм будут автоматически передаваться в CRM — вместе с именем, телефоном и всеми UTM-параметрами. В CRM ничего дополнительно настраивать не нужно: поля просто появятся в карточке сделки или контакта.

Итог

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