Lumaktaw sa pangunahing nilalaman

Libreng Gumagawa ng UTM Campaign Link

Bumuo ng mga trackable na campaign URL na may mga UTM parameter para sa Google Analytics at iba pang tool. Live preview, mga preset, at one-click na kopya.

Gumagana offline kapag na-load na

Mabilis na preset

Saan nagmula ang trapiko (referrer).

Ang channel/medium ng marketing.

Ang partikular na kampanya o promosyon.

Bayad na mga keyword (opsyonal, para sa paid search).

Nakikilala ang magkakatulad na link/ad (opsyonal, para sa mga A/B test).

Maglagay ng URL ng website sa itaas para buuin ang iyong tracking link

πŸ’‘ Pinapayagan ng mga UTM parameter ang Google Analytics, Plausible, at iba pang tool na maiugnay ang trapiko sa mga tiyak na campaign. Panatilihing pare-pareho ang pagpapangalan (hal. laging 'email', hindi minsan 'Email') β€” tinatrato ng analytics ang mga ito bilang case-sensitive at hahati-hatiin ang iyong data kung hindi.

Mga karaniwang gamit

  • UTM Links para sa mga Kampanya ng EmailSubaybayan kung aling newsletter o email ang nag-drive ng traffic at conversions sa iyong analytics.
  • UTM Links para sa Social MediaSukatin ang traffic mula sa bawat social platform at post nang tumpak.
  • UTM Links para sa Mga Kampanyang BinabayaranIugnay ang mga conversion sa mga specific na ads, keywords, at creatives.
  • UTM Links para sa Pag-print at QR CodesSubaybayan ang mga offline campaign β€” mga flyer, poster, business cards β€” sa pamamagitan ng QR codes.
  • UTM Links para sa mga Pakikipagtulungan ng InfluencerBigyan ng natatanging tracked link ang bawat influencer upang sukatin kung sino ang nag-drive ng resulta.

Paano ito Gumagana

Buong binubuo sa browser ng UTM builder ang mga tracking URL gamit ang karaniwang URL at URLSearchParams API β€” walang server, walang upload. Habang nagta-type ka, pina-parse ng isang live na useMemo hook ang base URL mo, vina-validate ang hostname, at idinadagdag lang ang mga UTM parameter na pinunan mo.

  1. 1
    Pag-parse at pag-validate ng URL
    Ipinapasa ang base URL mo sa built-in na URL constructor ng browser. Awtomatikong idinadagdag ng tool ang https:// sa unahan kung walang scheme, pagkatapos ay sinusuri na may kahit isang tuldok ang hostname (o localhost ito) β€” tinatanggihan ang malayang teksto bago nito masira ang output.
  2. 2
    Idinadagdag ang mga UTM parameter gamit ang URLSearchParams
    Isinusulat ang bawat napunang field (source, medium, campaign, term, content) sa search-params object ng URL gamit ang URLSearchParams.set(). Kung naka-on ang lowercase toggle, ginagawang lowercase ang mga halaga sa puntong ito, na pumipigil sa hindi tugmang attribution dahil sa hindi pare-parehong capitalization.
  3. 3
    Nire-render ng qrcode library ang QR code
    Tuwing magbabago ang huling URL, nagre-render ang qrcode library ng 256-px na data-URL para sa inline preview at sabay na gumuguhit ng 1024-px na bersyon sa isang off-screen na canvas. Pagkatapos, sine-serialize ang canvas sa isang PNG Blob gamit ang canvas.toBlob() kaya synchronous na makakapag-save ang download button β€” kailangan sa iOS, kung saan hinaharangan ang async na paggawa ng Blob sa loob ng click handler.
  4. 4
    Template na maibabahagi sa pamamagitan ng page hash
    Patuloy na ine-encode ang form state (base URL at anumang UTM value) sa URL fragment ng pahina gamit ang window.history.replaceState. Sinumang magbukas ng URL na may hash na iyon ay makakakuha ng napunang form, kaya puwede mong i-save o ibahagi ang template ng campaign nang walang server-side na storage.

Mga Kaugnay na Tool

Mga Madalas na Itanong