如何为营销活动构建 UTM 链接？

输入您的网站 URL，然后填写营销来源、营销媒介和营销活动名称。营销关键词和营销内容为选填项。您的追踪 URL 框会随您输入实时更新，点击复制即可复制它。

UTM 构建器会将我的值改为小写吗？

是的，如果勾选了强制小写，就会改为小写。建议勾选，因为 UTM 值在分析工具中区分大小写。如果您需要保留精确的大小写，请取消勾选。

URL 需要包含带点的主机名，或为 localhost。如果您省略了协议，工具会自动添加 https://，但纯文本（如一个句子）会被拒绝。请检查拼写错误或缺少的域名后缀。

可以。跟踪 URL 下方会出现该链接的二维码，点击“下载二维码 (PNG)”即可保存。“二维码（印刷）”预设会填入常见的印刷参数。

点击复制预填链接。它会复制一个页面链接，将您的 URL 和 UTM 值存储在地址哈希中，任何人打开该链接都会看到已填好的表单。这些值不会发送到服务器。

是的。所有工具均可免费使用，无需账号，无需信用卡。处理在你的设备上进行，而不是在我们的服务器上，这正是它能保持免费的原因。

可以。它可在 iOS 和 Android 的主流手机浏览器中运行，无需安装任何东西。

🔗

为 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 库渲染二维码
每当最终网址改变时，qrcode 库都会为内联预览渲染一个 256 px 的 data URL，同时在离屏画布上绘制 1024 px 的版本。然后通过 canvas.toBlob() 将画布序列化为 PNG Blob，使下载按钮可以同步保存——这在 iOS 上是必需的，因为 iOS 会阻止在点击处理程序中异步创建 Blob。
4
通过页面哈希分享模板
表单状态（基础网址加上所有 UTM 值）会持续通过 window.history.replaceState 编码到页面的网址片段中。任何人打开带有该哈希的网址都会看到预先填好的表单，因此你无需任何服务器端存储就能保存或分享营销活动模板。