Конструктор UTM-посилань для кампаній — безкоштовно
Будуйте URL для відстеження кампаній із параметрами UTM для Google Analytics та інших інструментів. Живий перегляд, шаблони та копіювання одним кліком.
Швидкі пресети
Звідки надходить трафік (реферер).
Маркетинговий канал/носій.
Конкретна кампанія або акція.
Платні ключові слова (необов'язково, для платного пошуку).
Розрізняє подібні посилання/оголошення (необов'язково, для A/B тестів).
💡 UTM-параметри дозволяють Google Analytics, Plausible та іншим інструментам відносити трафік до конкретних кампаній. Дотримуйтесь єдиного написання (наприклад, завжди 'email', а не іноді 'Email') — аналітика чутлива до регістру і інакше роздробить ваші дані.
Типові застосування
- Посилання UTM для email кампанійВідстежуйте, яка рассилка або електронна пошта генерували трафік та конверсії у вашій аналітиці.
- Посилання UTM для соціальних медіаТочно вимірюйте трафік з кожної платформи соціальних мереж та посту.
- Посилання UTM для платних рекламних кампанійПриписуйте конверсії конкретним рекламам, ключовим словам та креативним матеріалам.
- Посилання UTM для друку та QR кодівВідстежуйте автономні кампанії — листівки, плакати, візитні картки — через QR коди.
- Посилання UTM для партнерств з інфлюенсерамиНадайте кожному інфлюенсеру унікальне відстежене посилання для вимірювання, хто генерує результати.
Як це працює
Конструктор UTM збирає URL для відстеження повністю в браузері через стандартні API URL і URLSearchParams — без сервера й завантажень. Під час введення живий хук useMemo розбирає базовий URL, перевіряє домен і додає лише ті UTM-параметри, які ви заповнили.
- 1Розбір і перевірка URLБазовий URL передається у вбудований у браузер конструктор URL. Інструмент автоматично додає https://, якщо схеми немає, а потім перевіряє, що домен містить хоча б одну крапку (або це localhost), — відхиляючи довільний текст, перш ніж він зіпсує результат.
- 2UTM-параметри додаються через URLSearchParamsКожне заповнене поле (source, medium, campaign, term, content) записується в об’єкт параметрів пошуку URL через URLSearchParams.set(). Якщо ввімкнено перемикач нижнього регістру, значення переводяться в нижній регістр саме тут, що запобігає розбіжностям в атрибуції через непослідовне використання великих літер.
- 3QR-код рендерить бібліотека qrcodeЩоразу, коли змінюється кінцевий URL, бібліотека qrcode рендерить data URL розміром 256 px для вбудованого перегляду й одночасно малює версію 1024 px на позаекранному полотні. Потім полотно серіалізується в PNG Blob через 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. Запустіть двічі, щоб підтвердити, що ваш захист конфіденційності працює. Нічого не завантажується.
Twibbon / Конструктор рамок
Додайте рамку кампанії або заходу (прозорий PNG) до фотографії профілю — перетягуйте та масштабуйте позаду рамки, експортуйте квадратне зображення. Без облікового запису, без завантажень, без водяного знака.