メインコンテンツへスキップ

無料UTM キャンペーンリンクビルダー

Google Analytics やその他のツールの UTM パラメータを使用して、追跡可能なキャンペーン URL を構築します。ライブ プレビュー、プリセット、ワンクリック コピー。

読み込み後はオフラインでも動作

クイックプリセット

トラフィックの出所(リファラー)。

マーケティング チャネル/媒体。

特定のキャンペーンまたはプロモーション。

有料キーワード(オプション、有料検索用)。

類似リンク/広告を区別します(オプション、A/Bテスト用)。

上にウェブサイトURLを入力してトラッキングリンクを作成

💡 UTMパラメータにより、Google Analytics・Plausibleなどのツールがトラフィックを特定のキャンペーンに帰属させられます。命名規則を統一してください(例:常に'email'、決して'Email'にしない)。分析ツールは大文字小文字を区別するため、表記がバラバラになるとデータが分散します。

主な用途

  • メール キャンペーン用の UTM リンク分析でトラフィックとコンバージョンを促進したニュースレターまたはメールを追跡します。
  • ソーシャル メディア用の UTM リンク各ソーシャル プラットフォームと投稿からのトラフィックを正確に測定します。
  • 有料広告キャンペーン用の UTM リンク特定の広告、キーワード、クリエイティブへのコンバージョンを属性化します。
  • プリントと QR コード用の UTM リンクQR コード経由でオフライン キャンペーン (フライヤー、ポスター、名刺) を追跡します。
  • インフルエンサー パートナーシップ用の UTM リンク各インフルエンサーに一意の追跡リンクを提供して、誰が結果を促進するかを測定します。

使い方

UTMビルダーは、標準のURLとURLSearchParams APIを使ってトラッキングURLをブラウザ内で完全に組み立てます — サーバー、アップロードは不要です。入力すると、ライブのuseMemoフックがベースURLを解析し、ホスト名を検証し、入力済みのUTMパラメータのみを追加します。

  1. 1
    URLの解析と検証
    ベースURLは、ブラウザ内蔵のURLコンストラクタに渡されます。スキームがない場合、ツールは自動的にhttps://を前置し、その後ホスト名が少なくとも1つのドットを含む(またはlocalhostである)ことを確認します — 出力を破損させる前に自由形式のテキストを拒否します。
  2. 2
    UTMパラメータはURLSearchParamsで追加される
    入力済みの各フィールド(source、medium、campaign、term、content)は、URLSearchParams.set()を使ってURLのsearch-paramsオブジェクトに書き込まれます。小文字化トグルがオンの場合、この時点で値が小文字化されます。これにより、大文字小文字の不一致に起因する不一致なアトリビューションを防ぎます。
  3. 3
    qrcodeライブラリがQRコードを描画する
    最終的なURLが変わるたびに、qrcodeライブラリがインラインプレビュー用に256pxのデータURLを描画し、同時に1024pxのバージョンをオフスクリーンキャンバスに描きます。そのキャンバスはcanvas.toBlob()を介してPNG Blobにシリアライズされるため、ダウンロードボタンはそれを同期的に保存できます — iOSではクリックハンドラー内での非同期Blob作成がブロックされるため、これが必要です。
  4. 4
    ページハッシュ経由で共有可能なテンプレート
    フォームの状態(ベースURLと任意のUTM値)は、window.history.replaceStateを使って継続的にページのURLフラグメントにエンコードされます。そのハッシュ付きURLを開いた人は誰でも事前入力されたフォームを得られるため、サーバー側のストレージなしでキャンペーンテンプレートを保存したり共有したりできます。

関連ツール

よくある質問