Вайбкодим трекер UTM-ссылок: генератор, проверка, журнал
Три промпта: единые правила меток, сборка utm.html агентом и проверка на кривых ссылках
Какую задачу решает
Сделать небольшой сервис генерации и проверки UTM-ссылок
Что будет на выходе
Мини-сервис генерации и проверки UTM
- Кому подойдёт
Маркетолог, у которого UTM-метки собираются вручную и с ошибками
- Тема
- Вайбкодинг
- Инструменты
- любой ИИ-чатCursor
В Метрике три строки вместо одной: telegram, Telegram и tg. Кампания называется то black_friday, то blackfriday-2026, а у половины ссылок от подрядчика метки слетели, потому что в адресе уже был знак ?. Метки ставили честно, а свести отчёт по каналам всё равно невозможно.
Онлайн-генераторы UTM собирают ссылку, но не знают твоих правил. Свой маленький трекер знает: источник выбирается из списка, всё приводится к одному виду, ссылка проверяется на типичные поломки и попадает в журнал, откуда её можно найти через месяц. Собирается он одним HTML-файлом с AI-агентом.
Сначала в чате фиксируешь правила: какие источники, каналы и формат названия кампании. Потом агент собирает utm.html: форма со списками, проверка ссылки, кнопка «скопировать» и журнал всех ссылок с выгрузкой в CSV.
Что получишь
- Документ с правилами меток: допустимые значения utm_source и utm_medium, формат utm_campaign, что писать в utm_content.
- Файл
utm.html, который открывается в браузере без сервера и установки. - Форму, где источник и канал выбираются из твоего списка, а кампания собирается по шаблону.
- Проверку адреса: пробелы, кириллица и заглавные в метках, уже существующий
?, якорь#, повторные utm-параметры. - Журнал ссылок с датой, поиском и выгрузкой в CSV, чтобы через месяц понять, откуда пришла строка в отчёте.
Как использовать
- 1Выпиши свои каналы
Где ты размещаешься: Telegram-канал, реклама в VK, рассылка, блогеры. И 3–5 реальных ссылок, которые уже ставил.
- 2Шаг 1 в обычном чате
ИИ собирает правила меток и показывает, где у тебя уже разнобой.
- 3Шаг 2 агенту
Claude Code или Cursor в пустой папке: правила плюс промпт сборки.
- 4Шаг 3 — проверка
Агент прогоняет набор кривых ссылок и показывает, что ловится, а что нет.
Если пока не очень понятно, зачем нужен каждый из пяти параметров и где потом смотреть результат в Метрике, начни с гайда UTM-метки простыми словами. Здесь — про то, как перестать ставить их руками.
Рядом по теме: Claude Code для маркетолога, Вайбкодим квиз для сайта: ветвления, итог и заявка, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
Что дальше
- UTM-план для рекламы — расписать метки на всю кампанию заранее.
- Реклама обещает одно, лендинг показывает другое: аудит Message Match — проверить, совпадает ли страница с объявлением, на которое ты ставишь ссылку.
- Мини-инструмент для своей работы в одном файле — тот же подход для других маленьких задач.