入力 URL はサーバーに送信されますか?

いいえ。URL の組み立ては URL コンストラクタによる純粋な文字列処理で、ブラウザ内で完結します。社内 URL や未公開キャンペーンの URL でも安全に扱えます。

utm_source / utm_medium / utm_campaign の違いは?

utm_source は **どこから来たか** (newsletter / twitter / google など個別の流入元)、utm_medium は **どの種別の経路か** (email / social / cpc / organic などのカテゴリ)、utm_campaign は **どのキャンペーンか** (spring_sale_2026 のような名前) を表します。GA はこの 3 つを必須として推奨しています。

utm_term と utm_content の使い分けは?

utm_term は主に有償検索 (Google Ads など) で検索キーワードを記録するために使われます。utm_content は A/B テスト用のクリエイティブ識別子 (hero_banner_red vs hero_banner_blue) を入れる用途。どちらも任意で、未入力なら出力に含まれません。

「値を小文字化」と「スペースの扱い」は何のために?

GA は utm_* の値を **大文字小文字を区別** します。「Newsletter」と「newsletter」は別キャンペーン扱いされるため、自動的に小文字化することで集計の表記揺れを防げます。スペースは URL では使えないので、`_` (Google 推奨) / `+` (フォーム由来) / `%20` (RFC 3986 標準) のどれかに置換します。

URL に既に utm_* が含まれていたら?

既存の utm_* は **新しい値で上書き** されます。utm 以外のクエリパラメータ (例: `?ref=abc`) や `#fragment` はそのまま保持されます。

開発へ戻る

UTM URL ビルダー

Google Analytics / GA4 のキャンペーン計測用 UTM パラメータ (utm_source / utm_medium / utm_campaign / utm_term / utm_content / utm_id) を付けた URL を生成します。既存のクエリは保持、`#fragment` も保持、空のパラメータは省略。ブラウザ内のみで実行、入力 URL はサーバーに送信されません。

開発URL生成

使い方

ベース URL に utm_source / utm_medium / utm_campaign を必ず入力し、必要に応じて utm_term / utm_content / utm_id を追加すると、Google Analytics / GA4 で計測可能な URL が組み上がります。「値を小文字化」「スペースの扱い (_ / + / %20)」を選んで表記揺れを防ぐオプション付き。既存のクエリ文字列や `#fragment` は保持され、空欄の utm_* は出力に含まれません。ブラウザ内のみで処理されるため、社内向け URL や非公開キャンペーンの URL でも安心して使えます。

よくある質問

入力 URL はサーバーに送信されますか?: いいえ。URL の組み立ては URL コンストラクタによる純粋な文字列処理で、ブラウザ内で完結します。社内 URL や未公開キャンペーンの URL でも安全に扱えます。
utm_source / utm_medium / utm_campaign の違いは?: utm_source は **どこから来たか** (newsletter / twitter / google など個別の流入元)、utm_medium は **どの種別の経路か** (email / social / cpc / organic などのカテゴリ)、utm_campaign は **どのキャンペーンか** (spring_sale_2026 のような名前) を表します。GA はこの 3 つを必須として推奨しています。
utm_term と utm_content の使い分けは?: utm_term は主に有償検索 (Google Ads など) で検索キーワードを記録するために使われます。utm_content は A/B テスト用のクリエイティブ識別子 (hero_banner_red vs hero_banner_blue) を入れる用途。どちらも任意で、未入力なら出力に含まれません。
「値を小文字化」と「スペースの扱い」は何のために?: GA は utm_* の値を **大文字小文字を区別** します。「Newsletter」と「newsletter」は別キャンペーン扱いされるため、自動的に小文字化することで集計の表記揺れを防げます。スペースは URL では使えないので、`_` (Google 推奨) / `+` (フォーム由来) / `%20` (RFC 3986 標準) のどれかに置換します。
URL に既に utm_* が含まれていたら?: 既存の utm_* は **新しい値で上書き** されます。utm 以外のクエリパラメータ (例: `?ref=abc`) や `#fragment` はそのまま保持されます。

類似のツール

URL エンコード / デコード — クエリ文字列を安全に

テキストと %XX 形式の URL エンコード文字列を相互変換します。encodeURIComponent / encodeURI (decode 側も同様) を切替可能。UTF-8 ベースでブラウザ内処理。

開発URLエンコードデコード

URL パース — ホスト / パス / クエリ / fragment

URL をブラウザ標準の URL クラスで protocol / host / port / path / query / hash などに分解し、クエリパラメータも自動で表に展開します。値はパーセントデコード後で表示。各パーツのコピーや、結果全体の JSON ダウンロードに対応。すべてブラウザ内で処理し、URL は外部に送信されません。

開発URL

QR コード生成 — テキスト / URL / ロゴ画像入り

テキストや URL を QR コード (PNG / SVG) に変換します。サイズ・誤り訂正レベル・前景色 / 背景色を細かく指定でき、中央にロゴ画像 (PNG / JPG / SVG) を重ねることも可能。ロゴを乗せる場合は誤り訂正レベル H 推奨。生成と画像合成はすべてブラウザ内で完結し、入力テキストもアップロードしたロゴも外部に送信されません。

開発生成画像

スラッグ生成 — タイトルから URL 安全な文字列に

見出し・タイトル・記事名から URL に使える kebab-case / snake_case のスラッグを生成。アクセント記号 (é → e) を ASCII に正規化し、絵文字・記号を除去、空白を区切り文字に置換します。長さ上限・大文字保持・非 ASCII の扱いを切替可能。すべてブラウザ内で完結します。

開発URL生成