WEBマーケティング

【2025年版】URLパラメータとは？GA4・UTM設定と広告効果測定への活用法を図解で解説

  /

URLパラメータは、ウェブサイトのURLに追加する変数のことで、広告効果測定やアクセス解析、ページの動的表示など、さまざまな場面で活用されています。

特に、Google Analytics 4（GA4）でのトラッキングやマーケティング施策の効果測定には欠かせない技術です。しかし、正しく設定しないとデータが正確に取得できなかったり、SEOに悪影響を与えたりする可能性があります。

この記事で分かること：

  • URLパラメータの基礎知識と仕組み
  • UTMパラメータの5種類とGA4での活用方法
  • Web開発での実装方法（JavaScript・PHP・Python）
  • よくあるエラーと対処法
  • SEOへの影響と注意点

対象読者： マーケター、Web担当者、Web開発者、初心者

1. URLパラメータとは？基礎知識

URLパラメータの定義

URLパラメータとは、ウェブページのURLに付加する変数のことで、サーバーに情報を送信したり、ページの表示内容を変更したり、アクセス解析のためのデータを記録したりするために使用されます。

URLの末尾に「?（クエスチョンマーク）」を付けて、「パラメータ名=値」という形式で記述します。複数のパラメータを指定する場合は「&（アンパサンド）」で区切ります。

URLの構造

URLパラメータを含むURLは、以下のような構造になっています：

https://example.com/page?param1=value1&param2=value2
  • https://example.com/page : ベースURL
  • ? : パラメータの開始を示す記号
  • param1=value1 : 1つ目のパラメータ（キーと値のペア）
  • & : パラメータの区切り記号
  • param2=value2 : 2つ目のパラメータ
URLの構造
https://example.com/page?utm_source=google&utm_medium=cpc
ベースURL
ページのアドレス
?（クエスチョンマーク）
パラメータの開始
パラメータ1
キー=値のペア
&（アンパサンド）
パラメータの区切り
パラメータ2
2つ目以降のパラメータ

具体例

例1: 検索クエリの送信

https://example.com/search?q=URLパラメータ
  • q : 検索キーワードを示すパラメータ名
  • URLパラメータ : 検索キーワード

例2: ページネーション

https://example.com/products?page=2&limit=20
  • page=2 : 2ページ目を表示
  • limit=20 : 1ページあたり20件表示

例3: 広告効果測定（UTMパラメータ）

https://example.com/?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale
  • utm_source=google : 流入元（Google広告）
  • utm_medium=cpc : メディア（クリック課金広告）
  • utm_campaign=spring_sale : キャンペーン名（春のセール）

2. URLパラメータの2つの種類

URLパラメータには、大きく分けて2つの種類があります。

アクティブパラメータ（ページ表示に影響）

アクティブパラメータは、ページの表示内容やサーバーの動作に直接影響を与えるパラメータです。

用途：

  • 検索クエリの送信
  • フィルタリング・ソート
  • ページネーション
  • ログイン情報の送信

例：

https://example.com/products?category=shoes&price_min=3000&price_max=10000&sort=price_asc

このURLでは、カテゴリ「shoes」、価格帯「3,000円〜10,000円」、価格の安い順でソートされた商品一覧が表示されます。

パッシブパラメータ（トラッキング用）

パッシブパラメータは、ページの表示内容には影響せず、アクセス解析や広告効果測定のために使用されるパラメータです。

用途：

  • 広告効果測定（UTMパラメータ）
  • アクセス解析
  • A/Bテスト
  • メールマーケティングのトラッキング

例：

https://example.com/?utm_source=newsletter&utm_medium=email&utm_campaign=202501

このURLは、メールマガジン（2025年1月配信）からの流入を計測するためのパラメータです。ページ内容は通常のトップページと同じですが、GA4でこのパラメータを分析できます。

2種類の比較表

種類 ページ表示 主な用途 例
アクティブパラメータ 影響あり 検索、フィルタ、ページネーション ?q=keyword&page=2
パッシブパラメータ 影響なし 広告効果測定、アクセス解析 ?utm_source=google&utm_medium=cpc

3. UTMパラメータとGA4での活用法（最重要）

UTMパラメータとは

UTMパラメータは、Googleが提唱するトラッキング用のURLパラメータの標準規格です。Google Analytics 4（GA4）や他のアクセス解析ツールで、広告やマーケティング施策の効果を測定するために使用されます。

「UTM」は「Urchin Tracking Module」の略で、Googleが買収したアクセス解析会社「Urchin」に由来します。

UTMパラメータの5種類
utm_source
必須
流入元を示すパラメータ。どのサイトやプラットフォームから訪問したかを識別します。
例
utm_source=google
utm_source=facebook
utm_source=newsletter
utm_medium
必須
メディアの種類を示すパラメータ。広告、メール、ソーシャルなど、流入経路のカテゴリを識別します。
例
utm_medium=cpc
utm_medium=email
utm_medium=social
utm_campaign
必須
キャンペーン名を示すパラメータ。特定のマーケティング施策やプロモーションを識別します。
例
utm_campaign=spring_sale
utm_campaign=202501
utm_campaign=new_product
utm_term
任意
有料検索のキーワードを示すパラメータ。どの検索キーワードで広告がクリックされたかを識別します。
例
utm_term=running+shoes
utm_term=web+analytics
utm_term=seo+tools
utm_content
任意
コンテンツやリンクを区別するパラメータ。A/Bテストや同じページ内の異なるリンクを識別します。
例
utm_content=banner_a
utm_content=text_link
utm_content=header_cta

UTMパラメータの実例

例1: Google広告（検索連動型広告）

https://example.com/products?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale&utm_term=running+shoes&utm_content=ad_variant_a

例2: Facebookキャンペーン

https://example.com/landing?utm_source=facebook&utm_medium=social&utm_campaign=202501_awareness&utm_content=image_post

例3: メールマガジン

https://example.com/?utm_source=newsletter&utm_medium=email&utm_campaign=weekly_202501&utm_content=cta_button

GA4での確認方法

GA4でUTMパラメータのデータを確認するには、以下の手順で行います：

  1. GA4にログイン
  2. 左メニュー「レポート」→「集客」→「トラフィック獲得」をクリック
  3. 「セッションのデフォルト チャネル グループ」をクリック
  4. 「セッションの参照元/メディア」または「セッションのキャンペーン」を選択

これにより、UTMパラメータごとのセッション数、コンバージョン数、収益などを確認できます。

広告効果測定の具体例

シナリオ： Google広告とFacebook広告の両方で春のセールキャンペーンを実施。どちらの広告が効果的かを測定したい。

Google広告のURL：

https://example.com/sale?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale_2025

Facebook広告のURL：

https://example.com/sale?utm_source=facebook&utm_medium=cpc&utm_campaign=spring_sale_2025

GA4で「utm_source」ごとのコンバージョン率を比較することで、どちらの広告が費用対効果が高いかを判断できます。

結果の例：

  • Google広告: セッション500、コンバージョン25（CVR 5%）
  • Facebook広告: セッション800、コンバージョン32（CVR 4%）

→ Googleの方がCVRが高いため、予算配分を見直すなどの施策を検討できます。

4. Web開発での実装方法

URLパラメータは、サーバーサイドやクライアントサイドのプログラムで取得・処理することができます。

JavaScript（クライアントサイド）

JavaScriptでは、URLSearchParams オブジェクトを使用してURLパラメータを簡単に取得できます。

例1: URLSearchParamsで取得

// URL: https://example.com/page?name=John&age=30

const params = new URLSearchParams(window.location.search);
const name = params.get('name'); // "John"
const age = params.get('age');   // "30"

console.log(name, age); // John 30

例2: すべてのパラメータを取得

const params = new URLSearchParams(window.location.search);

for (const [key, value] of params) {
  console.log(`${key}: ${value}`);
}
// 出力:
// name: John
// age: 30

例3: パラメータの有無をチェック

const params = new URLSearchParams(window.location.search);

if (params.has('utm_source')) {
  console.log('UTMパラメータが設定されています');
}

PHP（サーバーサイド）

PHPでは、$_GET スーパーグローバル変数を使用してURLパラメータを取得できます。

例1: $_GETで取得

<?php
// URL: https://example.com/page.php?name=John&age=30

$name = $_GET['name'] ?? 'Guest'; // "John"（存在しない場合は"Guest"）
$age = $_GET['age'] ?? 0;         // 30

echo "名前: $name, 年齢: $age";
// 出力: 名前: John, 年齢: 30
?>

例2: 入力値の検証（セキュリティ対策）

<?php
// URL: https://example.com/products.php?category=shoes

$category = $_GET['category'] ?? '';

// ホワイトリストで検証
$allowed_categories = ['shoes', 'bags', 'accessories'];

if (in_array($category, $allowed_categories)) {
  echo "カテゴリ: $category";
} else {
  echo "無効なカテゴリです";
}
?>

Python（Flask）

Pythonの人気Webフレームワーク「Flask」では、request.args でURLパラメータを取得できます。

例1: request.argsで取得

from flask import Flask, request

app = Flask(__name__)

@app.route('/search')
def search():
    # URL: https://example.com/search?q=python&page=1
    query = request.args.get('q', '')     # "python"
    page = request.args.get('page', 1)    # 1

    return f"検索キーワード: {query}, ページ: {page}"

例2: すべてのパラメータを取得

@app.route('/params')
def show_params():
    # すべてのパラメータを辞書形式で取得
    params = request.args.to_dict()

    return params
    # 出力例: {"q": "python", "page": "1"}

5. よくあるエラーと注意点

エラー1: 文字エンコードのミス

URLパラメータには、日本語や特殊文字を含める場合、適切にエンコードする必要があります。

❌ 悪い例：

https://example.com/search?q=東京 スカイツリー

→ スペースや日本語が正しくエンコードされていない

✅ 良い例：

https://example.com/search?q=%E6%9D%B1%E4%BA%AC%20%E3%82%B9%E3%82%AB%E3%82%A4%E3%83%84%E3%83%AA%E3%83%BC

JavaScriptでエンコード：

const keyword = '東京 スカイツリー';
const encoded = encodeURIComponent(keyword);
console.log(encoded);
// 出力: %E6%9D%B1%E4%BA%AC%20%E3%82%B9%E3%82%AB%E3%82%A4%E3%83%84%E3%83%AA%E3%83%BC

エラー2: SEOへの影響（重複コンテンツ）

URLパラメータを使用すると、同じコンテンツが異なるURLで表示される「重複コンテンツ」の問題が発生する可能性があります。

例：

https://example.com/products
https://example.com/products?sort=price_asc
https://example.com/products?sort=price_desc

これらはすべて同じ商品一覧ページですが、ソート順が異なるだけです。Googleはこれらを別ページとして認識し、SEO評価が分散する可能性があります。

対策：

  1. canonicalタグを設定：パラメータ付きURLに対して、元のURLをcanonicalとして指定
<link rel="canonical" href="https://example.com/products">
  1. Google Search Consoleで設定：「URLパラメータ」ツールで、パラメータの扱いを指定

エラー3: セキュリティリスク

URLパラメータは、ユーザーが自由に変更できるため、セキュリティ上のリスクがあります。

XSS（クロスサイトスクリプティング）の例：

https://example.com/search?q=<script>alert('XSS')</script>

対策：

  1. 入力値の検証：パラメータの値が期待する形式かチェック
  2. エスケープ処理：HTMLに出力する前に特殊文字をエスケープ
  3. ホワイトリスト方式：許可された値のみを受け入れる

PHPでのエスケープ例：

<?php
$query = $_GET['q'] ?? '';
$safe_query = htmlspecialchars($query, ENT_QUOTES, 'UTF-8');

echo "<p>検索結果: $safe_query</p>";
?>

6. まとめ

URLパラメータは、広告効果測定、アクセス解析、ページの動的表示など、ウェブサイト運営に欠かせない技術です。

重要なポイント：

  1. UTMパラメータでマーケティング施策を可視化
    GA4と組み合わせることで、広告やメールマガジンの効果を正確に測定できます。必須の3つ（utm_source、utm_medium、utm_campaign）は必ず設定しましょう。
  2. Web開発では適切な実装とセキュリティ対策
    JavaScript、PHP、Pythonなど、どの言語でも簡単にURLパラメータを取得できます。ただし、XSSやSQLインジェクションのリスクがあるため、入力値の検証とエスケープ処理を必ず行いましょう。
  3. SEOへの影響を考慮
    パラメータ付きURLが重複コンテンツとして認識されないよう、canonicalタグやGoogle Search Consoleの設定を活用しましょう。

次のアクション：

  • GA4でUTMパラメータを使った広告効果測定を始める
  • 自社サイトでURLパラメータのSEO設定を見直す
  • Web開発でセキュリティ対策を強化する

URLパラメータを正しく活用することで、マーケティング施策の効果を最大化し、ユーザーに最適なコンテンツを提供できます。

RELATED POST