Codificar URL
Codifica y decodifica URLs usando encodeURI / decodeURI y encodeURIComponent / decodeURIComponent. Resultado en tiempo real al escribir. Copia con un clic.
Los 4 modos de codificación URL
Esta herramienta expone los cuatro métodos nativos de JavaScript para trabajar con URLs: encodeURIComponent codifica todo excepto letras, dígitos y los caracteres - _ . ! ~ * ' ( ); ideal para valores de parámetros. encodeURI preserva los separadores estructurales de una URL (:/?#[]@!$&'()*+,;=); ideal para URLs completas. Sus inversos decodeURIComponent y decodeURI revierten las secuencias %XX. La conversión ocurre en tiempo real sin enviar datos al servidor.
URLs en marketing digital de LATAM
En campañas de marketing digital para México, Colombia, Argentina y el resto de América Latina, las URLs con tildes y ñ son frecuentes: nombres de productos ("Colchón Ortopédico"), nombres de campañas ("Año Nuevo"), contenidos UTM en español. Google Ads, Meta Ads y TikTok Ads requieren URLs válidas con todos los caracteres especiales codificados. Los links de afiliados en Hotmart y Amazon Associates con parámetros personalizados también deben codificarse correctamente para que el tracking funcione sin errores en cualquier navegador y sistema operativo.
Otras herramientas
Preguntas frecuentes
- ¿Cuándo usar encodeURIComponent frente a encodeURI?
- Usa encodeURIComponent para codificar parámetros individuales de una URL (valores de query string, nombres de archivo, etc.). Usa encodeURI para codificar una URL completa manteniendo intactos los caracteres especiales de estructura como /, ?, & y =. Por ejemplo: encodeURIComponent("a b") → "a%20b"; encodeURI("https://ejemplo.com/a b") → "https://ejemplo.com/a%20b".
- ¿Para qué sirve codificar una URL?
- Los caracteres especiales como espacios, acentos, ñ, <, >, & no son válidos en URLs. La codificación URL (percent-encoding) convierte estos caracteres en secuencias %XX para que puedan transmitirse correctamente en peticiones HTTP, formularios y API REST.
- ¿La conversión es en tiempo real?
- Sí. La herramienta convierte automáticamente mientras escribes, sin necesidad de pulsar ningún botón. Puedes ver el resultado al instante en el panel de salida.
- ¿Puedo decodificar una URL ya codificada?
- Sí. Los modos decodeURI y decodeURIComponent convierten en sentido inverso, transformando las secuencias %XX de vuelta a caracteres legibles. Útil para depurar URLs codificadas que recibes en logs o respuestas de API.
- ¿Admite caracteres Unicode y emojis?
- Sí. Las funciones de JavaScript encodeURIComponent y encodeURI manejan correctamente caracteres Unicode, incluidos emojis, caracteres CJK, árabe y cualquier otro script. Por ejemplo, "café" se codifica como "caf%C3%A9" y "ñ" como "%C3%B1".
- ¿Qué son los parámetros UTM y por qué necesitan codificación URL?
- Los parámetros UTM (utm_source, utm_medium, utm_campaign, utm_content, utm_term) son query strings añadidos a URLs para rastrear el origen del tráfico en Google Analytics o Meta Pixel. Si el nombre de la campaña contiene espacios, tildes (á, é, ó) o caracteres especiales, deben codificarse con encodeURIComponent para que la URL sea válida. Ejemplo: utm_campaign=Oferta%20Navide%C3%B1a.
- ¿Cómo afecta la codificación URL a las campañas en Meta Ads, Google Ads y marketing en LATAM?
- Las campañas en Meta Ads y Google Ads para audiencias hispanohablantes suelen incluir palabras con tildes, ñ o & en las URLs de destino. Si estas no están correctamente codificadas, el píxel de seguimiento puede fallar o la URL redirigir a una página 404. Para links de afiliados en Hotmart, ClickBank o Amazon Afiliados con UTMs, usa siempre encodeURIComponent en los valores de los parámetros antes de construir la URL final.