🔗

免費UTM 推廣連結建立器

為 Google Analytics 等工具建立帶 UTM 引數的可追蹤推廣 URL。即時預覽、預設和一鍵複製。

在瀏覽器中執行無需註冊，無彈出式視窗無需登入永久免費

載入後可離線使用

網站 URL *

快速預設

行銷來源 *utm_source

流量來源（引薦來源）。

行銷媒介 *utm_medium

行銷渠道/媒介。

行銷活動名稱 *utm_campaign

具體的行銷活動或推廣。

行銷關鍵詞 utm_term

付費關鍵詞（可選，用於付費搜尋）。

行銷內容 utm_content

區分相似的連結/廣告（可選，用於 A/B 測試）。

強制小寫（推薦 — UTM 值在分析工具中區分大小寫）

在上方輸入網站 URL 以產生追蹤連結

💡 UTM 引數使 Google Analytics、Plausible 等工具能將流量歸因到特定活動。請保持命名一致（如始終使用 'email'，而非有時用 'Email'） — 分析工具區分大小寫，否則會拆分您的資料。

工作原理

UTM 產生器完全在瀏覽器中使用標準的 URL 和 URLSearchParams API 組裝追蹤網址——沒有伺服器、不上傳。你輸入時，一個即時的 useMemo 鉤子會解析你的基礎網址、驗證主機名，並只附加你已填寫的 UTM 引數。

1
網址解析與驗證
你的基礎網址會傳入瀏覽器內建的 URL 建構函式。如果沒有協議，工具會自動加上 https://，然後檢查主機名是否至少包含一個點（或是 localhost）——在隨意輸入的文字破壞輸出之前將其拒絕。
2
透過 URLSearchParams 附加 UTM 引數
每個已填寫的欄位（source、medium、campaign、term、content）都透過 URLSearchParams.set() 寫入網址的查詢引數物件。如果開啟了小寫開關，值會在此時轉為小寫，防止因大小寫不一致導致的歸因錯配。
3
由 qrcode 庫渲染QR Code
每當最終網址改變時，qrcode 庫都會為內聯預覽渲染一個 256 px 的 data URL，同時在離屏畫布上繪製 1024 px 的版本。然後透過 canvas.toBlob() 將畫布序列化為 PNG Blob，使下載按鈕可以同步儲存——這在 iOS 上是必需的，因為 iOS 會阻止在點選處理常式中非同步建立 Blob。
4
透過頁面雜湊分享範本
表單狀態（基礎網址加上所有 UTM 值）會持續透過 window.history.replaceState 編碼到頁面的網址片段中。任何人開啟帶有該雜湊的網址都會看到預先填好的表單，因此你無需任何伺服器端儲存就能儲存或分享行銷活動範本。