UTM Link Builder

機能の説明

送信先アドレスと 5 つの標準 utm_* パラメーター（utm_source、utm_medium、utm_campaign、utm_term、utm_content）から、キャンペーン計測用 URL を構築します。パラメーターは正規の順序で付加され、URL に既に存在する古い utm_* 値は置き換えられ、その他のすべてのクエリパラメーターは手つかずで保持されます。バリデーターは、アトリビューションを壊す要因を検出して警告します。utm_source または utm_medium の欠落、値の中のスペースや非 ASCII 文字、エスケープされていない ? や #、絶対 http(s) でない送信先、こうした点です。既存の計測用 URL を貼り付ければ、編集可能なフィールドへ分割して戻せます。

すべてはブラウザー内でローカルに実行されます。どこにも何も送信されません。

使い方

1. 送信先 URL を貼り付け（https:// がなくても構いません）、パラメーターを入力します。GA4 のアトリビューションには utm_source と utm_medium の指定が推奨されます。
2. プリセット（newsletter、Twitter/X、GitHub README）を選ぶと、動作する出発点でフォーム全体が埋まります。
3. 既存の計測用 URL を Paste an existing tracking URL に貼り付けると、エディターへ読み込めます。
4. 構築されたリンクをコピーまたはダウンロードします。通知が指摘した項目はすべて修正してください。

フォームの内容全体がページ URL にエンコードされるため、アドレスバーをコピーすれば、パラメーターが入力された状態のツールをそのまま共有できます。

例

https://example.com/ + source newsletter、medium email、campaign august-launch は、次の URL を生成します：

https://example.com/?utm_source=newsletter&utm_medium=email&utm_campaign=august-launch

既存の値は複製されずに置き換えられます。 https://example.com/?utm_source=old + source new は https://example.com/?utm_source=new を生成します。

My Campaign というキャンペーン名は通知を引き起こします。GA4 は小文字とハイフンを想定しているため、my-campaign を使ってください。

補足事項

• ハッシュフラグメントは保持されます。パラメーターは #section の前に挿入されます。
• utm 以外のクエリパラメーターは、元の順序のまま変更されずに残ります。
• インポートはベースからすべての utm_* パラメーターを取り除きます。utm_id のような未知のキーは破棄され、5 つの標準キーが復元されます。
• 構築したリンクは、そのまま URL Inspector に渡して完全な構造分解が行えます。