UTM Link Builder

WHAT IT DOES

UTM Link Builder is a browser extension that allows you to build UTM-tagged URLs by adding UTM parameters to the current page URL or any custom URL. You can enter UTM parameters including source, medium, campaign, term, and content, and the tool previews the generated URL in real time. Once the URL is ready, you can copy it to your clipboard or open it in a new tab. The last used UTM values are saved globally for convenience, so you don't have to re-enter them each time. The tool is ideal for marketers, social media managers, content creators, and anyone who needs to create trackable links for campaign analytics.

WHERE IT RUNS

UTM Link Builder runs on any webpage, overlaying a floating panel that does not interfere with page content. It operates entirely in your browser as a lightweight userscript, using the URL API to parse and build URLs. It works on any page, whether static or dynamic, with no external dependencies. All settings are stored locally using GM_setValue—no data is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. The panel shows the current status (Enabled or Disabled) and a toggle button to enable or disable the builder. The "Base URL" field is pre-filled with the current page URL, but you can enter any URL you want. Enter UTM parameters in the fields: Source (utm_source), Medium (utm_medium), Campaign (utm_campaign), Term (utm_term), and Content (utm_content). The generated URL updates in real time as you type. Click the "Copy URL" button to copy the generated URL to your clipboard. Click the "Open" button to open the URL in a new tab. Click "Reset All" to clear all UTM parameters. The last used UTM values are saved automatically.

REAL MECHANISM — WHY THIS WORKS

Most UTM link builders require visiting an external website or using a separate tool that may not integrate with your current workflow. UTM Link Builder uses a URL parsing and building approach that works directly in your browser. The tool takes the base URL and constructs a new URL using the URL API, which handles encoding and decoding automatically. It checks for existing UTM parameters in the base URL and removes them to avoid duplication. It then appends the new UTM parameters using URLSearchParams.set(), which adds or replaces parameters as needed. The UTM parameters are stored in GM_setValue as a JSON object and loaded on page load. The preview updates on every input event using the input event listener. The copy function uses GM_setClipboard to copy the URL to the system clipboard. This approach ensures accurate, fast, and fully private UTM link building without requiring any external services or network access.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view controls. Press the Escape key to close the panel instantly. The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position, enabled state, and UTM parameter values—are saved globally for a seamless experience.

PLEASE NOTE

UTM Link Builder requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. The tool builds URLs using the URL API, which handles encoding automatically. UTM parameters are case-sensitive; use lowercase for best compatibility with analytics tools. The tool does not validate UTM values; it's up to the user to enter correct values. All settings are stored locally in your browser using GM_setValue. No URL data, UTM values, or usage information is ever sent to any server. The extension does not read, store, or transmit any personal information. It only builds URLs locally at your request.