Constructor de ligazóns de campaña UTM de balde
Constrúe URL de campaña rastrexables con parámetros UTM para Google Analytics e outras ferramentas. Previsualización en directo, preaxustes e copia cun só clic.
Axustes rápidos
De onde procede o tráfico (referencia).
O canal/medio de comercialización.
A campaña específica ou promoción.
Palabras clave pagadas (opcional, para buscas pagas).
Distingue ligazóns/anuncios similares (opcional, para probas A/B).
💡 Os parámetros UTM permiten a Google Analytics, Plausible e outras ferramentas atribuír tráfico a campañas específicas. Mantén a nomenclatura consistente (ex. sempre 'email', nunca ás veces 'Email') — as analíticas son sensibles a maiúsculas e dividirán os teus datos doutro xeito.
Usos habituais
- Ligazóns UTM para Campañas de Correo ElectrónicoRastrexo que newsletter ou correo impulsou o tráfico e a conversión no teu análise.
- Ligazóns UTM para Redes SociaisMide o tráfico de cada plataforma de redes sociais e publicación con precisión.
- Ligazóns UTM para Campañas de Anuncios PagadosAtribúe a conversión a anuncios específicos, palabras clave e creativos.
- Ligazóns UTM para Imprenta e Códigos QRRastrexo campañas offline — folletos, carteles, tarxetas de visita — mediante códigos QR.
- Ligazóns UTM para Asociacións de InfluencersDale a cada influencer unha ligazón rastreada única para medir quen leva resultados.
Como funciona
O construtor de UTM monta URLs de seguimento enteiramente no navegador usando as APIs estándar URL e URLSearchParams — sen servidor, sen subida. Mentres escribes, un hook useMemo en directo analiza a túa URL base, valida o nome de host, e engade só os parámetros UTM que enchiches.
- 1Análise e validación de URLA túa URL base introdúcese no construtor URL integrado do navegador. A ferramenta engade automaticamente https:// se non hai ningún esquema presente, e despois comproba que o nome de host conteña polo menos un punto (ou sexa localhost) — rexeitando prosa libre antes de que poida corromper a saída.
- 2Parámetros UTM engadidos mediante URLSearchParamsCada campo cheo (orixe, medio, campaña, termo, contido) escríbese no obxecto de parámetros de busca da URL con URLSearchParams.set(). Se o alternador de minúsculas está activado, os valores pásanse a minúsculas neste punto, o que evita a atribución incorrecta causada por inconsistencias de maiúsculas.
- 3Código QR renderizado pola biblioteca qrcodeCada vez que a URL final cambia, a biblioteca qrcode renderiza un URL de datos de 256 px para a vista previa en liña e simultaneamente debuxa unha versión de 1024 px nun lenzo fóra de pantalla. O lenzo despois serialízase a un Blob PNG mediante canvas.toBlob() para que o botón de descarga o poida gardar de forma síncrona — requirido en iOS, onde a creación de Blob asíncrona dentro dun manexador de clic está bloqueada.
- 4Plantilla compartible mediante o hash da páxinaO estado do formulario (URL base máis calquera valor UTM) codifícase continuamente no fragmento de URL da páxina usando window.history.replaceState. Calquera que abra ese URL con hash obtén o formulario prerrecheo, así que podes gardar ou compartir unha plantilla de campaña sen ningún almacenamento do lado do servidor.
Ferramentas relacionadas
Xerador de Código QR de Pago UPI
Crea gratuitamente un código QR de pago UPI para India en segundos. Introduce o teu VPA UPI, nome do pagador e importe e nota fixos opcionais, logo descarga PNG listo para imprenta ou copia o enlace upi://. Funciona con Google Pay, PhonePe, Paytm e BHIM. 100% privado e lado do cliente.
Auditor de pegada dixital do navegador
Ve exactamente o que aprenden os scripts de rastrexo sobre o teu navegador — canvas, WebGL, audio, fontes, pantalla, fuso horario e máis — ademais dun hash composto SHA-256. Executa dúas veces para confirmar que as túas mitigacións de privacidade funcionan. Nada se carga.
Twibbon / Creador de Marco
Engade un marco de campaña ou evento (PNG transparente) á túa foto de perfil — arrastra e ampla detrás do marco, exporta unha imaxe cadrada. Sen conta, sen envío, sen marca de auga.