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>

Четыре шага.

  1. 01

    Добавьте T123 в общий футер Tilda, чтобы код работал на всех страницах.

  2. 02

    Вставьте код без изменений и опубликуйте весь сайт.

  3. 03

    Откройте сайт по тестовой ссылке с UTM-метками и отправьте форму.

  4. 04

    Проверьте в полученной заявке поля utm_source, utm_medium и остальные метки.

Подстройте под себя.

Набор меток
Массив KEYS. При необходимости добавьте собственные параметры.
Срок хранения
Сейчас используется sessionStorage — до закрытия вкладки браузера.
Все формы
Код автоматически добавляет скрытые поля в каждую форму на странице.

Не нашли нужное?
Соберём под ваш сайт.

Опишите задачу и пришлите ссылку на страницу. Посмотрим, можно ли решить её готовым кодом или нужна индивидуальная разработка.

Обсудить в Telegram ↗