FIRST CH TOOLS / 18 URL PARAMETERS
URLパラメータ分解・UTMタグ編集&エンコーダー
URLを貼り付けるとクエリパラメータをキーと値の表に分解します。値はデコードして表示し、編集・追加・削除・オン/オフをしたURLをその場で再構築。UTMタグの付与、gclid などクリックIDの一括削除、URLエンコード/デコードにも対応します。
URLを貼り付ける(入力した時点で分解されます)
表の値はデコードして表示しています(%E6%A4%9C → 検、+ → 半角スペース)。編集していない行は元の文字列のまま書き戻すので、何も触らずに再構築したURLは入力と1バイトも変わりません。「すべて再エンコードする」を有効にすると、全パラメータを encodeURIComponent の規則で書き直します。
UTMタグを付けたURLを作る(GA4の参照元・メディア)
ボタンを押すと utm_source と utm_medium が入ります。キャンペーン名は用途に合わせて入力してください。
GA4はUTMの値の大文字と小文字を区別します。Google と google は別々の参照元として集計されるので、社内で表記を統一してください。utm_source と utm_medium は組で判定されるため、片方だけだとセッションが「(not set)」になります。ここで入れた値は「URLを分解・編集」タブの表にもそのまま反映されます。
文字列のURLエンコード / デコード(どちらに入力しても即時変換)
encodeURIComponent は / : ? & = # も含めて記号を残さず変換するので、パラメータの値1つ分(リダイレクト先URLなど)を包むのに使います。encodeURI はURLの区切り記号を残すため、URL全体の日本語やスペースだけを直したいときに使います。値をURLに埋めるつもりで encodeURI を使うと、値の中の & が区切りとして読まれてパラメータが割れます。
How to Use
- URLを貼り付ける上の欄に貼ると、クエリパラメータがキーと値の表に分かれます。値はデコードされた読める形で表示され、スキーム・ホスト・パスも一緒に確認できます。
- 編集・追加・削除するキーと値をその場で書き換え、チェックを外して一時的に無効化したり、「パラメータを追加」で新しい行を足せます。「UTMタグを付ける」タブなら計測用のタグをフォームから入れられます。
- 再構築したURLをコピーする編集内容は即座にURLへ反映されます。コピーボタンで取得してください。重複キーや未エンコードのスペース、残ったままのクリックIDはチェック結果に出ます。
About This Tool
URLの ? 以降はキーと値を = で結び、& で並べた文字列です。仕様上どの文字が使えるかが決まっていて、日本語・スペース・記号は %XX のパーセントエンコードに直して載せます。このツールは表示のときにそれを元に戻し、書き戻すときにもう一度エンコードするので、値の中身をそのまま日本語で読み書きできます。
クエリ文字列の + はスペースとして解釈されます(HTMLフォームの送信形式がURLに引き継がれた歴史的な仕様)。記号としてのプラスを送りたい場合は %2B と書く必要があり、ここを取り違えると「1+1」が「1 1」になります。本ツールは表示のときに + を空白へ戻し、書き戻しの方式(%20 か + か)を選べるようにしています。
編集していない行は元の文字列のまま書き戻します。URLの再構築ツールにありがちな「開いて閉じただけで大文字小文字やエンコードが変わり、署名付きURLが壊れる」事故を避けるためです。全体を正規化したいときだけ「すべて再エンコードする」を有効にしてください。
UTMタグは流入元をアクセス解析へ伝えるための取り決めで、GA4は utm_source(どこから)と utm_medium(どんな手段で)の組で参照元を判定します。値は大文字小文字を区別するため表記ゆれがそのまま別チャネルになります。逆に gclid・fbclid などのクリックIDは広告クリック直後にだけ意味がある値で、記事やチャットに貼るURLには不要です。ワンクリックでまとめて外せます。
URLに載せた値はどこかに残ります。ブラウザの履歴、リンク先へ送られる Referer ヘッダー、プロキシやサーバーのアクセスログ。トークンやセッションIDらしいキーを見つけたときは警告を出します。貼り付けたURLがブラウザの外へ出ることはありません(この判定もすべて手元で動いています)。
URLパラメータで直接呼び出せます: /url/?u=https%3A%2F%2Fexample.com%2F%3Fa%3D1 / /url/?text=%E6%97%A5%E6%9C%AC%E8%AA%9E&tab=encode
From AI Agents
このURL解析・再構築のロジックは、MCP(Model Context Protocol)サーバー @first-ch/tools-mcp の url_params ツールとしても提供しており、ブラウザを使わずAIエージェントから直接呼び出せます。導入方法の詳細は AIエージェントからの使い方 を参照してください。
導入
claude mcp add firstch-tools -- npx -y @first-ch/tools-mcp
呼び出し例
# URLを分解して中身と指摘事項を見る
url_params(url="https://example.com/p?utm_source=Google&gclid=EAIa&q=a+b")
# UTMタグを付ける
url_params(
url="https://example.com/lp/",
utm={"source": "newsletter", "medium": "email",
"campaign": "2026-08"})
# クリックIDを外し、パラメータを名前順に整える
url_params(url="…", removeTracking=true, sort=true)
# 文字列のエンコード / デコード
url_params(mode="encode", text="検索 語")
url_params(mode="decode", text="%E6%A4%9C%E7%B4%A2+%E8%AA%9E")
Other Tools
- 01画像→WebP一括変換WebP Converter
- 02白背景の透過White BG Remover
- 03コントラスト比チェッカーContrast Checker
- 04文字数カウントCharacter Counter
- 05llms.txt ジェネレーターllms.txt Generator
- 06JSON-LD構造化データ生成JSON-LD Generator
- 07Markdown→PDF変換MD → PDF
- 08OGPメタタグ生成ウィザードOGP Wizard
- 09faviconジェネレーターFavicon Generator
- 10TikTok投稿ツールTikTok Publisher
- 11文字コード・改行コード変換Encoding Converter
- 12画像→AVIF変換+picture生成AVIF Converter
- 13テストデータ生成Test Data Generator
- 14Marp Markdown→スライドMarp Slides
- 15テキスト・コード差分チェッカーDiff Checker
- 16Cron式ビジュアル解説&発火日時Cron Explainer
- 17Base64 & Data URI変換Base64 & Data URI
- 19HTMLエンティティ・特殊文字エスケープHTML Escape
- 20JSON ⇄ YAML 相互変換&整形JSON ⇄ YAML
- 21PX ⇄ REM / EM 単位変換&スケール表PX ⇄ REM / EM
- 22Colorコード変換&アルファ透過Color Converter
- 23MD5 / SHA-256 ハッシュ生成Hash Generator
- 24JWTデコーダー&有効期限チェッカーJWT Decoder
- 25User-Agent解析&デバイス判定User-Agent Parser
- 26UUID (v4) & ULID 一括生成UUID & ULID Generator
- 27アスペクト比計算&レスポンシブサイズAspect Ratio Calculator