Siirry pääsisältöön

UTM-kampanjalinkin rakentaja ilmaiseksi

Rakenna seurattavia kampanja-URL-osoitteita UTM-parametreilla Google Analyticsille ja muille työkaluille. Reaaliaikainen esikatselu, esimääritetyt arvot ja yhdellä napsautuksella kopiointi.

Toimii offline-tilassa kerran ladattuna

Pikavalinnat

Mistä liikenne tulee (viittaaja).

Markkinointikanava/väline.

Tietty kampanja tai promootio.

Maksetut avainsanat (valinnainen, maksulliset haut).

Erottaa samankaltaiset linkit/mainokset (valinnainen, A/B-testeihin).

Syötä verkkosivuston URL yllä rakentaaksesi seurantalinkkisi

💡 UTM-parametrit antavat Google Analyticsin, Plausiblen ja muiden työkalujen yhdistää liikenteen tiettyihin kampanjoihin. Pidä nimeäminen yhdenmukaisena (esim. aina 'email', ei koskaan 'Email') — analytiikka käsittelee ne kirjainkokoriippuvaisina ja jakaa muuten tietosi.

Yleiset käyttötavat

  • UTM-linkit sähköpostikampanjoilleSeuraa, mikä uutiskirje tai sähköposti ajoi liikennettä ja muunnoksia analyyseissäsi.
  • UTM-linkit sosiaaliseen mediaanMittaa tarkasti liikenteen jokaisesta sosiaalisen median alustasta ja viestistä.
  • UTM-linkit maksetuille mainoskampanjoilleTunnista muunnokset tiettyihin mainoksiin, avainsanoihin ja luoviin.
  • UTM-linkit tulostukseen ja QR-koodeihinSeuraa offline-kampanjoita — esitteitä, julisteita, käyntikortteja — QR-koodien kautta.
  • UTM-linkit influencer-kumppanuuksiinAnna jokaiselle vaikuttajalle ainutlaatuinen seurattu linkki tulosten mittaamiseksi.

Miten se toimii

UTM-rakentaja kokoaa seurantalinkkejä kokonaan selaimessa käyttäen standardeja URL- ja URLSearchParams-rajapintoja — ei palvelinta, ei latausta. Kirjoittaessasi suora useMemo-hook jäsentää perus-URL:si, validoi isäntänimen, ja liittää vain ne UTM-parametrit, jotka olet täyttänyt.

  1. 1
    URL:n jäsennys ja validointi
    Perus-URL:si annetaan selaimen sisäänrakennetulle URL-konstruktorille. Työkalu lisää automaattisesti https:// eteen, jos skeemaa ei ole, ja tarkistaa sitten, että isäntänimessä on vähintään yksi piste (tai se on localhost) — hylkäen vapaamuotoisen tekstin ennen kuin se voi vioittaa tulosteen.
  2. 2
    UTM-parametrit liitetty URLSearchParams-rajapinnalla
    Jokainen täytetty kenttä (lähde, media, kampanja, termi, sisältö) kirjoitetaan URL:n hakuparametriolioon URLSearchParams.set()-toiminnolla. Jos pienaakkoset-kytkin on päällä, arvot muutetaan pienaakkosiksi tässä vaiheessa, mikä estää virheellisen attribuoinnin, jonka kirjainkokoerot voisivat aiheuttaa.
  3. 3
    QR-koodi piirretty qrcode-kirjastolla
    Aina kun lopullinen URL muuttuu, qrcode-kirjasto piirtää 256px:n data-URL:n suoraa esikatselua varten ja piirtää samalla 1024px:n version näytön ulkopuoliseen kanvaaseen. Kanvas serialisoidaan sitten PNG-Blobiksi canvas.toBlob()-toiminnolla, jotta latauspainike voi tallentaa sen synkronisesti — vaadittu iOS:llä, jossa asynkroninen Blob-luonti napsautuskäsittelijän sisällä on estetty.
  4. 4
    Jaettava malli sivun hashin kautta
    Lomaketila (perus-URL sekä mahdolliset UTM-arvot) koodataan jatkuvasti sivun URL-fragmenttiin window.history.replaceState-toiminnolla. Kuka tahansa, joka avaa tämän hashillisen URL:n, saa lomakkeen esitäytettynä, joten voit tallentaa tai jakaa kampanjamallin ilman palvelinpuolen tallennusta.

Liittyvät työkalut

Usein kysytyt kysymykset