Конструктор UTM-ссылок для кампаний — бесплатно
Создавайте отслеживаемые URL-кампаний с UTM-параметрами для Google Analytics и других инструментов. Предпросмотр в реальном времени, пресеты и копирование одним нажатием.
Быстрые пресеты
Откуда приходит трафик (источник ссылки).
Канал маркетинга/носитель.
Конкретная кампания или акция.
Платные ключевые слова (опционально, для платного поиска).
Различает похожие ссылки/объявления (опционально, для A/B-тестирования).
💡 Параметры UTM позволяют Google Analytics, Plausible и другим инструментам относить трафик к конкретным кампаниям. Используйте единообразные названия (например, всегда 'email', а не то 'email', то 'Email') — аналитика чувствительна к регистру и иначе разделит ваши данные.
Частые применения
- Ссылки UTM для кампаний электронной почтыОтслеживайте, какой информационный бюллетень или письмо способствуют трафику и конверсиям в аналитике.
- Ссылки UTM для социальных сетейТочно измеряйте трафик с каждой социальной платформы и поста.
- Ссылки UTM для кампаний платных объявленийОтнесите конверсии к конкретным объявлениям, ключевым словам и креативам.
- Ссылки UTM для печати и QR-кодовОтслеживайте автономные кампании - листовки, плакаты, визитки - через QR-коды.
- Ссылки UTM для партнерств с влиятельными лицамиДайте каждому влиятельному лицу уникальную отслеживаемую ссылку для измерения того, кто дает результаты.
Как это работает
Конструктор UTM собирает URL отслеживания полностью в браузере с использованием стандартных API URL и URLSearchParams — без сервера, без загрузки. По мере ввода живой хук useMemo разбирает ваш базовый URL, проверяет имя хоста, и добавляет только заполненные вами параметры UTM.
- 1Разбор и проверка URLВаш базовый URL подаётся во встроенный конструктор URL браузера. Инструмент автоматически добавляет https:// спереди, если схема отсутствует, затем проверяет, что имя хоста содержит хотя бы одну точку (или является localhost) — отклоняя свободную прозу до того, как она сможет испортить вывод.
- 2Параметры UTM добавлены через URLSearchParamsКаждое заполненное поле (источник, канал, кампания, термин, содержание) записывается в объект search-params URL с помощью URLSearchParams.set(). Если переключатель нижнего регистра включён, значения переводятся в нижний регистр в этой точке, что предотвращает несоответствующую атрибуцию, вызванную несоответствиями в написании заглавных букв.
- 3Код QR отрендерен библиотекой qrcodeВсякий раз, когда финальный URL меняется, библиотека qrcode рендерит URL данных 256px для инлайн-предпросмотра и одновременно рисует версию 1024px на закадровом холсте. Затем холст сериализуется в Blob PNG через canvas.toBlob(), так что кнопка скачивания может сохранить его синхронно — необходимо на iOS, где асинхронное создание Blob внутри обработчика клика заблокировано.
- 4Доступный для обмена шаблон через хэш страницыСостояние формы (базовый URL плюс любые значения UTM) непрерывно кодируется во фрагмент URL страницы с использованием window.history.replaceState. Любой, кто открывает URL с этим хэшем, получает предзаполненную форму, так что вы можете сохранить или поделиться шаблоном кампании без какого-либо серверного хранилища.
Похожие инструменты
Генератор QR-кода платежа UPI
Создайте бесплатный QR-код платежа UPI для Индии за секунды. Введите ваш UPI ID (VPA), имя получателя и необязательную фиксированную сумму и примечание, затем загрузите готовый к печати PNG или скопируйте ссылку upi://. Работает с Google Pay, PhonePe, Paytm и BHIM. 100% приватно и на стороне клиента.
Аудитор цифровых отпечатков браузера
Смотрите, что именно скрипты отслеживания узнают о вашем браузере — canvas, WebGL, аудио, шрифты, экран, часовой пояс и многое другое — плюс составной хэш SHA-256. Запустите дважды, чтобы проверить эффективность мер конфиденциальности. Ничего не загружается.
Твиббон / Создатель рамок
Добавьте рамку события или кампании (прозрачный PNG) к вашей фотографии профиля — перетаскивайте и масштабируйте за рамкой, экспортируйте квадратное изображение. Без учётной записи, без загрузки, без водяного знака.