Vés al contingut principal

Constructor d'enllaços de campanya UTM de franc

Construeix URL de campanya rastreables amb paràmetres UTM per a Google Analytics i altres eines. Previsualització en viu, presets i còpia amb un clic.

Funciona sense connexió un cop carregat

Presets ràpids

D'on prové el tràfic (referent).

El canal/mitjà de màrqueting.

La campanya o promoció específica.

Paraules clau pagades (opcional, per a cerques de pagament).

Diferencia els enllaços/anuncis similars (opcional, per a proves A/B).

Introduïu una URL de lloc web a dalt per construir el vostre enllaç de seguiment

💡 Els paràmetres UTM permeten a Google Analytics, Plausible i altres eines atribuir el trànsit a campanyes específiques. Mantingueu una nomenclatura consistent (p. ex. sempre „email", mai de vegades „Email") — l'analítica els tracta com a sensibles a majúscules i minúscules i d'altra manera dividiria les vostres dades.

Usos habituals

  • Enllaços UTM per a campanyes de correu electrònicRastrejar quin butlletí o correu electrònic va impulsar el tràfic i les conversions a l'analítica.
  • Enllaços UTM per a mitjans de comunicació socialMesurar el tràfic de cada plataforma i post de mitjans de comunicació social amb precisió.
  • Enllaços UTM per a campanyes d'anuncis de pagamentAtribuir conversions a anuncis, paraules clau i creatives específics.
  • Enllaços UTM per a impressió i codis QRRastrejar campanyes fora de línia — fulletó, cartells, targetes de visita — mitjançant codis QR.
  • Enllaços UTM per a associacions d'influencersDoneu a cada influencer un enllaç seguit únic per mesurar qui impulsa els resultats.

Com funciona

El constructor UTM assembla URL de seguiment completament al navegador utilitzant les API estàndard URL i URLSearchParams — sense servidor, sense pujada. Mentre escrius, un hook useMemo en directe analitza la teva URL base, valida el nom d'amfitrió, i afegeix només els paràmetres UTM que hagis omplert.

  1. 1
    Anàlisi i validació d'URL
    La teva URL base s'alimenta al constructor URL integrat del navegador. L'eina anteposa automàticament https:// si no hi ha cap esquema present, i després comprova que el nom d'amfitrió contingui com a mínim un punt (o sigui localhost) — rebutjant text lliure abans que pugui corrompre la sortida.
  2. 2
    Paràmetres UTM afegits via URLSearchParams
    Cada camp omplert (font, mitjà, campanya, terme, contingut) s'escriu a l'objecte de paràmetres de cerca de l'URL amb URLSearchParams.set(). Si el commutador de minúscules està activat, els valors es passen a minúscula en aquest punt, cosa que evita atribucions incorrectes causades per inconsistències de majúscules.
  3. 3
    Codi QR renderitzat per la biblioteca qrcode
    Cada vegada que l'URL final canvia, la biblioteca qrcode renderitza un URL de dades de 256 px per a la previsualització en línia i simultàniament dibuixa una versió de 1024 px en un canvas fora de pantalla. El canvas es serialitza després a un Blob PNG via canvas.toBlob() perquè el botó de descàrrega el pugui desar síncronament — necessari a iOS, on la creació asíncrona de Blob dins d'un gestor de clic es bloqueja.
  4. 4
    Plantilla compartible via el hash de la pàgina
    L'estat del formulari (URL base més qualssevol valors UTM) es codifica contínuament al fragment de l'URL de la pàgina utilitzant window.history.replaceState. Qualsevol persona que obri aquest URL amb hash rep el formulari preomplert, així pots desar o compartir una plantilla de campanya sense cap emmagatzematge del costat del servidor.

Eines relacionades

Preguntes freqüents