Simple UTM Tracking URL Creator Tool

I was getting tired of manually creating UTM tracking links for my marketing campaigns, so I built utm.klappe.dev to make it easier. UTM parameters are tags you add to URLs that help Google Analytics identify where your website traffic comes from.

The tool is pretty straightforward - you enter your website URL and fill in fields for campaign source, medium, and name. It also has optional fields for content and term if you need them. There are quick templates for common channels like Facebook Ads or Email Newsletter that pre-fill some of the fields. One feature I was missing from other tools was the ability to save custom presets, so I added that too. As you type, it generates the tracking URL in real-time so you can copy and use it right away.

I kept the implementation simple - it’s built as a static HTML page with vanilla JavaScript and CSS. No backend required since everything runs in the browser, with custom presets stored locally using localStorage. The tool includes features like URL validation, dark mode toggle, and a history section to track recently generated URLs.

It’s saved me a lot of time and helps keep my campaign tracking consistent across different channels.