Kreator linków kampanii UTM za darmo
Twórz śledzące adresy URL kampanii z parametrami UTM dla Google Analytics i innych narzędzi. Podgląd na żywo, ustawienia wstępne i kopiowanie jednym kliknięciem.
Szybkie presety
Skąd pochodzi ruch (źródło odniesienia).
Kanał marketingowy/medium.
Konkretna kampania lub promocja.
Płatne słowa kluczowe (opcjonalnie, do płatnych wyszukiwań).
Rozróżnia podobne linki/ogłoszenia (opcjonalnie, do testów A/B).
💡 Parametry UTM pozwalają Google Analytics, Plausible i innym narzędziom przypisać ruch do konkretnych kampanii. Zachowaj spójność nazewnictwa (np. zawsze 'email', nigdy 'Email') — analytics rozróżnia wielkość liter i inaczej podzieli Twoje dane.
Typowe zastosowania
- Łącza UTM do kampanii e-mailowychŚledź, które biuletyny lub e-maile napędzały ruch i konwersje w twojej analizie.
- Łącza UTM dla mediów społecznychDokładnie mierz ruch z każdej platformy mediów społecznych i postu.
- Łącza UTM dla kampanii reklamy płatnejPrzypisz konwersje do określonych reklam, słów kluczowych i treści kreatywnych.
- Łącza UTM do drukowania i kodów QRŚledź kampanie offline — ulotki, plakaty, wizytówki — za pośrednictwem kodów QR.
- Łącza UTM do partnerstw influencerówDaj każdemu influencerowi unikalny śledzony link, aby zmierzyć, kto napęza wyniki.
Jak to działa
Kreator UTM składa adresy śledzące w całości w przeglądarce, z użyciem standardowych API URL i URLSearchParams — bez serwera i przesyłania. Podczas pisania hook useMemo na żywo parsuje bazowy adres URL, sprawdza nazwę hosta i dodaje tylko wypełnione parametry UTM.
- 1Parsowanie i walidacja adresu URLBazowy adres URL trafia do wbudowanego konstruktora URL przeglądarki. Narzędzie automatycznie dodaje https://, jeśli brakuje schematu, a następnie sprawdza, czy nazwa hosta zawiera co najmniej jedną kropkę (lub to localhost) — odrzucając dowolny tekst, zanim uszkodzi wynik.
- 2Parametry UTM dodawane przez URLSearchParamsKażde wypełnione pole (source, medium, campaign, term, content) jest zapisywane w obiekcie parametrów wyszukiwania URL przez URLSearchParams.set(). Jeśli przełącznik małych liter jest włączony, wartości są w tym momencie zamieniane na małe litery, co zapobiega rozbieżnościom w atrybucji spowodowanym niespójną wielkością liter.
- 3Kod QR renderowany przez bibliotekę qrcodePrzy każdej zmianie końcowego adresu URL biblioteka qrcode renderuje 256-pikselowy data URL do podglądu i jednocześnie rysuje 1024-pikselową wersję na niewidocznym płótnie. Płótno jest następnie serializowane do Blob PNG przez canvas.toBlob(), aby przycisk pobierania mógł zapisać plik synchronicznie — co jest wymagane na iOS, gdzie asynchroniczne tworzenie Blob w obsłudze kliknięcia jest blokowane.
- 4Szablon do udostępnienia przez hash stronyStan formularza (bazowy adres URL oraz wartości UTM) jest na bieżąco kodowany we fragmencie adresu strony przez window.history.replaceState. Każdy, kto otworzy ten adres z hashem, otrzyma wstępnie wypełniony formularz, więc możesz zapisać lub udostępnić szablon kampanii bez przechowywania czegokolwiek na serwerze.
Powiązane narzędzia
Generator kodu QR płatności UPI
Utwórz bezpłatny kod QR płatności UPI dla Indii w kilka sekund. Wpisz swój identyfikator UPI (VPA), nazwę beneficjenta i opcjonalną stałą kwotę oraz notatkę, a następnie pobierz gotowy do druku PNG lub skopiuj link upi://. Działa z Google Pay, PhonePe, Paytm i BHIM. 100% prywatne i po stronie klienta.
Audytor odcisku palca przeglądarki
Sprawdź dokładnie, czego skrypty śledzące dowiadują się o Twojej przeglądarce — canvas, WebGL, audio, czcionki, ekran, strefa czasowa i więcej — oraz złożony skrót SHA-256. Uruchom dwukrotnie, aby potwierdzić działanie środków ochrony prywatności. Nic nie jest przesyłane.
Twibbon / Kreator ramek
Dodaj ramkę kampanii lub wydarzenia (przezroczyste PNG) do swojego zdjęcia profilowego — przeciągaj i przybliżaj zdjęcie za ramką, eksportuj obraz kwadratowy. Bez konta, bez przesyłania, bez znaku wodnego.