Liigu põhisisu juurde

UTM-kampaania lingi ehitaja tasuta

Ehita jälgitavaid kampaania URL-e UTM-parameetritega Google Analyticsi ja muude tööriistade jaoks. Reaalajas eelvaade, eelseadistused ja ühe klõpsuga kopeerimine.

Töötab võrguühenduseta pärast laadimist

Kiirseaded

Kust liiklus tuleb (viitaja).

Turunduskanal/keskkond.

Konkreetne kampaania või kampaania.

Tasulised võtmesõnad (valikuline, tasuliste otsingute jaoks).

Eristab sarnaseid linke/reklaame (valikuline, A/B testide jaoks).

Sisesta veebisaidi URL ülal, et koostada jälgimislink

💡 UTM-parameetrid võimaldavad Google Analyticsil, Plausiblel ja teistel tööriistadel omistada liiklust konkreetsetele kampaaniatele. Hoia nimetamine järjekindel (nt alati 'email', mitte mõnikord 'Email') — analüütika käsitleb neid tõstutundlikena ja jagab muidu sinu andmeid.

Levinud kasutusviisid

  • UTM lingid e-posti kampaaniateleJälgi, milline uudiskiri või e-kiri juhtis liiklust ja konversioone teie analüütikale.
  • UTM lingid sotsiaalmeediasseMõõta liiklust igalt sotsiaalmeedia platvormilt ja postituselt täpselt.
  • UTM lingid tasuliste reklaamide kampaaniateleMäärake konverssioonid konkreetsetele kuulutustele, märksõnadele ja loovusvahendile.
  • UTM lingid printimisele ja QR koodideleJälgi ühendamata otsa kampaniaaid — lendlehti, plakateid, juhiseid — QR koodide kaudu.
  • UTM lingid mõjutajate partnerluseleAndke igale mõjutajale ainulaadne jälgitud link, et mõõta, kes tulemusi ajab.

Kuidas see töötab

UTM koostaja koostab jälgimis-URL-e täielikult brauseris, kasutades standardseid URL ja URLSearchParams API-sid — servet, üleslaadimist pole. Kirjutades parsib reaalajas useMemo hook su baasi-URL-i, valideerib hostnime ja lisab ainult need UTM parameetrid, mille oled täitnud.

  1. 1
    URL-i parsimine ja valideerimine
    Su baasi-URL edastatakse brauseri sisseehitatud URL-konstruktorisse. Tööriist eesliidab automaatselt https://, kui skeemi pole olemas, seejärel kontrollib, et hostnimi sisaldab vähemalt ühte punkti (või on localhost) — lükates vabateksti tagasi enne, kui see saab väljundit rikkuda.
  2. 2
    UTM parameetrid lisatud URLSearchParams abil
    Iga täidetud väli (source, medium, campaign, term, content) kirjutatakse URL-i otsinguparameetrite objekti URLSearchParams.set() abil. Kui väiketähtede lüliti on sees, muudetakse väärtused sel hetkel väiketähtedeks, mis takistab mittevastavat atributsiooni, mille põhjustavad suurtähestamise ebakõlad.
  3. 3
    QR-kood renderdatud qrcode teegi abil
    Iga kord kui lõplik URL muutub, renderdab qrcode teek 256-px andme-URL-i reasisese eelvaate jaoks ja joonistab samal ajal 1024-px versiooni ekraanivälisele lõuendile. Lõuend serialiseeritakse seejärel PNG Blob'iks canvas.toBlob() abil, nii et allalaadimisnupp saab selle sünkroonselt salvestada — nõutav iOS-il, kus asünkroonne Blob'i loomine klõpsukäsitleja sees on blokeeritud.
  4. 4
    Jagatav mall lehe hashi kaudu
    Vormi olek (baasi-URL pluss mis tahes UTM väärtused) kodeeritakse pidevalt lehe URL-fragmenti window.history.replaceState abil. Igaüks, kes avab selle hashiga URL-i, saab vormi eeltäidetud, nii et saad salvestada või jagada kampaania malli ilma ühegi serveripoolse salvestuseta.

Seotud tööriistad

Korduma kippuvad küsimused