06 · Маркетинг
UTM-метки в формах Tilda
готовый код.
Сохраняет рекламные метки при переходах по сайту и добавляет их в каждую отправленную форму.
Забрать код ↓- Технология
- JavaScript
- Установка
- 8 минут
- Куда вставлять
- Общий футер
- Обновлено
- 08.09.2026
/ Демонстрация
Сначала посмотрите,
как это работает.
Live demoUTM в форме
Заявка №104
- utm_source
- yandex
- utm_campaign
- tilda_lab
- utm_content
- visual_mods
/ Код
Скопируйте.
Вставьте. Опубликуйте.
Код не требует сборки или установки библиотек. Перед запуском замените значения, отмеченные в инструкции ниже.
Готовый код
<script>
(function () {
var KEYS = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'];
var STORE = 'tselno_utm';
var data = {};
try { data = JSON.parse(sessionStorage.getItem(STORE) || '{}'); } catch (error) {}
var params = new URLSearchParams(window.location.search);
KEYS.forEach(function (key) {
if (params.get(key)) data[key] = params.get(key);
});
try { sessionStorage.setItem(STORE, JSON.stringify(data)); } catch (error) {}
function fillForms() {
document.querySelectorAll('form').forEach(function (form) {
KEYS.forEach(function (key) {
if (!data[key]) return;
var field = form.querySelector('input[name="' + key + '"]');
if (!field) {
field = document.createElement('input');
field.type = 'hidden';
field.name = key;
form.appendChild(field);
}
field.value = data[key];
});
});
}
fillForms();
new MutationObserver(fillForms).observe(document.body, { childList: true, subtree: true });
})();
</script>/ Установка
Четыре шага.
- 01
Добавьте T123 в общий футер Tilda, чтобы код работал на всех страницах.
- 02
Вставьте код без изменений и опубликуйте весь сайт.
- 03
Откройте сайт по тестовой ссылке с UTM-метками и отправьте форму.
- 04
Проверьте в полученной заявке поля utm_source, utm_medium и остальные метки.
/ Настройки
Подстройте под себя.
- Набор меток
- Массив KEYS. При необходимости добавьте собственные параметры.
- Срок хранения
- Сейчас используется sessionStorage — до закрытия вкладки браузера.
- Все формы
- Код автоматически добавляет скрытые поля в каждую форму на странице.
/ Нужна доработка
Не нашли нужное?
Соберём под ваш сайт.
Опишите задачу и пришлите ссылку на страницу. Посмотрим, можно ли решить её готовым кодом или нужна индивидуальная разработка.
Обсудить в Telegram ↗