In the world of digital marketing, data is everything. If you don't know where your traffic is coming from, you are essentially flying blind. UTM parameters are the industry standard for tracking campaign performance across Google Analytics, Mixpanel, and other analytics platforms. However, manually typing out ?utm_source=...&utm_medium=... is not only tedious but also highly prone to typos that can ruin your data integrity.
Utm Link Builder Free is a beautiful, lightning-fast, open-source web application designed to eliminate this friction. It provides a sleek, intuitive interface where you can simply fill out a form, and the tool instantly generates a perfectly formatted, shortened, and trackable URL.
This repository is perfect for social media managers, SEO specialists, and indie hackers. It includes a comprehensive dashboard where you can save your favorite UTM presets (e.g., "Facebook Ad," "Email Newsletter") and reuse them with a single click. It also features a QR code generator for your UTM links, making it easy to bridge the gap between your offline and online marketing efforts. No subscriptions, no ads, just pure marketing utility.
| Feature | Description |
|---|---|
| 🔗 Instant Generation | Create perfectly formatted UTM links in milliseconds |
| 💾 Custom Presets | Save your most used campaign parameters for quick reuse |
| 📱 QR Code Export | Generate high-resolution QR codes for any UTM link |
| 🔍 Bulk Builder | Paste a list of URLs and apply the same UTM parameters to all of them |
| 🔒 Privacy First | All data is stored locally in your browser (LocalStorage) |
| 📋 One-Click Copy | Copy the generated link directly to your clipboard |
| 🌓 Dark Mode | A stunning, eye-friendly dark theme for late-night campaigns |
| 📊 Analytics Preview | See how your link will look in Google Analytics |
Before diving into the technical setup, it is crucial to understand why UTMs are the backbone of digital marketing.
Without UTMs, Google Analytics will group all your social media traffic under a single "Social" bucket. You won't know if that traffic came from a paid LinkedIn ad, an organic tweet, or a viral Instagram Reel. UTMs allow you to slice your data with surgical precision.
If you run a campaign across multiple platforms (e.g., a newsletter, a blog post, and a YouTube video), UTMs allow you to see exactly which platform drove the most conversions.
By using a standardized UTM builder, you ensure that your entire marketing team uses the exact same naming conventions (e.g., always lowercase, hyphens instead of spaces). This prevents fragmented data in your analytics dashboard.
A UTM link is essentially a standard URL with a query string attached to it. The magic of this tool lies in its robust URL parsing and encoding logic.
When you enter your destination URL, the app uses the native URL API in JavaScript to parse it. It separates the base URL from any existing query parameters. This ensures that if your destination URL already has parameters (like ?id=123), the UTM parameters are appended correctly with an & instead of a ?.
The tool then encodes all your UTM values using encodeURIComponent. This is crucial because if your campaign name has a space or a special character (like "Summer Sale 2026!"), it will break the URL if not encoded properly. The result is a clean, reliable, and clickable link that analytics platforms can read perfectly.
We believe that marketing tools should be accessible to everyone, not locked behind expensive SaaS paywalls. If you have ideas for new features, found a bug, or want to improve the UI, we welcome your contributions!
- Fork the repository.
- Create your feature branch (
git checkout -b feature/new-preset). - Commit your changes (
git commit -m 'Add new preset'). - Push to the branch (
git push origin feature/new-preset). - Open a Pull Request.
Please read our CONTRIBUTING.md for detailed coding standards and testing requirements. We also have an active Discord server where you can share your campaign strategies, ask for help with analytics, and discuss the latest trends in digital marketing.
- 💬 Discussions: Join the conversation in the GitHub Discussions tab.
- 🐛 Issues: Found a bug? Let us know via the Issues tracker.
- 📧 Email: Reach out directly at support@utm-builder.dev.
