Ugrás a fő tartalomra

Ingyenes UTM kampány-link szerkesztő

Hozz létre követhető kampány-URL-eket UTM paraméterekkel a Google Analytics és más eszközökhöz. Élő előnézet, előbeállítások és egyetlen kattintással másolható.

Betöltés után offline is működik

Gyors előbeállítások

Ahonnan a forgalom érkezik (hivató).

A marketing csatorna/közvetítő.

Az adott kampány vagy promóció.

Fizetett kulcsszavak (opcionális, fizetett kereséshez).

Megkülönböztet hasonló hivatkozásokat/hirdetéseket (opcionális, A/B teszteléshez).

Adj meg egy weboldal URL-t fent a nyomkövetési link elkészítéséhez

💡 Az UTM paraméterek lehetővé teszik, hogy a Google Analytics, Plausible és más eszközök adott kampányokhoz rendeljék a forgalmat. Tartsd következetes az elnevezést (pl. mindig 'email', soha nem néha 'Email') — az analytics kis-nagybetű érzékeny, és ellenkező esetben szétdarabolja az adatokat.

Gyakori felhasználások

  • UTM linkek e-mail kampányokhozNyomon követheti, hogy melyik hírlevelezés vagy e-mail vezette a forgalmat és konverziókat az elemzésben.
  • UTM linkek közösségi médiáhozMérje meg a forgalmat az egyes közösségi platformokról és bejegyzésekről pontosan.
  • UTM linkek fizetett hirdetési kampányokhozKonvertáljuk a konverziókat konkrét hirdetéseknek, kulcsszavaknak és kreatívoknak.
  • UTM linkek nyomtatáshoz és QR-kódokhozNyomon követheti az offline kampányokat — szóróanyagok, plakátok, névjegykártyák — QR-kódok segítségével.
  • UTM linkek a influencer partnerségekhezAdjon minden influencernak egy egyedi követett linket az eredmények mérésére.

Hogyan működik

Az UTM-építő teljes egészében a böngészőben állítja össze a nyomkövető URL-eket, a szabványos URL és URLSearchParams API-k segítségével — nincs szerver, nincs feltöltés. Gépelés közben egy élő useMemo hook elemzi az alap URL-t, ellenőrzi a gazdanevet, és csak azokat az UTM-paramétereket fűzi hozzá, amelyeket kitöltöttél.

  1. 1
    URL-elemzés és -ellenőrzés
    Az alap URL-ed átadásra kerül a böngésző beépített URL konstruktorának. Az eszköz automatikusan hozzáfűzi a https:// előtagot, ha nincs séma megadva, majd ellenőrzi, hogy a gazdanév tartalmaz-e legalább egy pontot (vagy localhost), elutasítva a szabad szöveget, mielőtt az elronthatná a kimenetet.
  2. 2
    UTM-paraméterek hozzáfűzve az URLSearchParams segítségével
    Minden kitöltött mező (forrás, közeg, kampány, kulcsszó, tartalom) az URL keresési-paraméter objektumába íródik az URLSearchParams.set() segítségével. Ha a kisbetűsítés kapcsoló be van kapcsolva, az értékek ekkor kisbetűsödnek, ami megelőzi a nagybetű-kisbetű inkonzisztenciák okozta hibás attribúciót.
  3. 3
    A QR-kódot a qrcode könyvtár rendereli
    Amikor a végleges URL megváltozik, a qrcode könyvtár egy 256 pixeles adat-URL-t rendereel az inline előnézethez, és egyidejűleg egy 1024 pixeles változatot rajzol egy láthatatlan vászonra. A vászon ezután a canvas.toBlob() segítségével PNG Blobbá szerializálódik, így a letöltés gomb szinkron módon mentheti — ez az iOS-en szükséges, ahol az aszinkron Blob-létrehozás egy kattintás-kezelőn belül blokkolva van.
  4. 4
    Megosztható sablon az oldal hash-en keresztül
    Az űrlapállapot (alap URL plusz minden UTM-érték) folyamatosan kódolásra kerül az oldal URL töredékébe a window.history.replaceState segítségével. Bárki, aki megnyitja ezt a hash-t tartalmazó URL-t, egy előre kitöltött űrlapot kap, így elmenthetsz vagy megoszthatsz egy kampánysablont bárminemű szerveroldali tárolás nélkül.

Kapcsolódó eszközök

Gyakran ismételt kérdések