URL Parser, Encoder & UTM Query Builder

What is URL encoding and why is it necessary?

URLs can only reliably carry a limited set of characters directly. When a URL contains spaces, symbols, or reserved characters, those values must be converted into percent-encoded form so they can travel safely across the web without ambiguity. A space becomes %20, an @ symbol becomes %40, and a forward slash in a parameter value becomes %2F. Decoding reverses that process so humans can read the URL more easily. Double-encoding happens when an already-encoded value is encoded again — producing strings like %2520 (a percent sign that was itself encoded). This is a common source of API and webhook bugs.

Anatomy of a URL

Every URL is composed of structured components. Using the example https://api.codeava.com/v1/users?role=admin&sort=name#settings:

UTM parameters explained

UTM parameters are query string parameters that analytics platforms like Google Analytics use to attribute traffic to specific marketing campaigns. They are added to the end of a destination URL and parsed when the page loads. All five are optional, but utm_source and utm_medium are the most consistently used.

Parse URLs in JavaScript with the native URL API

Modern browsers provide a built-in URL constructor and URLSearchParams class that make manual URL parsing unnecessary:

const myUrl = new URL('https://codeava.com/search?q=url+parser&sort=desc');

myUrl.hostname;                      // "codeava.com"
myUrl.pathname;                      // "/search"
myUrl.searchParams.get('q');         // "url parser"  (decoded automatically)
myUrl.searchParams.get('sort');      // "desc"

// Edit parameters in place:
myUrl.searchParams.set('page', '2');
myUrl.searchParams.delete('sort');

myUrl.toString();
// "https://codeava.com/search?q=url+parser&page=2"

// Iterate all params:
for (const [key, value] of myUrl.searchParams) {
  console.log(key, value);
}

The native API handles encoding and decoding automatically. For one-off debugging and manual campaign link editing, the CodeAva tool is faster than writing throwaway script — and keeps sensitive URLs off any server.