目次 › 第 7 部 キーイベントと EC 計測

7.3 e コマース計測の全体像

推奨 e コマース イベントとアイテム データの構造を理解します。
実践書籍換算 約 12 ページ

この章で学ぶこと

• e コマースの推奨イベントの一覧と、購入までの流れ
• 商品の情報を渡す items 配列の構造
• データレイヤーを使った実装の設計
• 実装の優先順位
• よくある実装ミスと対策

推奨イベントの一覧

GA4 の e コマース計測は、推奨イベント を使って行います。購入までのユーザーの行動に合わせて、次のようなイベントが用意されています。

購入までの流れ

view_item_list（一覧）
   ↓ select_item
view_item（商品詳細）
   ↓
add_to_cart（カート追加）
   ↓
view_cart（カート）
   ↓
begin_checkout（手続き開始）
   ↓ add_shipping_info → add_payment_info
purchase（購入完了）

これらのイベントを計測すると、第 5 部で紹介した収益化レポート（e コマース購入数、ユーザーの購入経路）が使えるようになります。

items 配列の構造

e コマースのイベントでは、どの商品について の行動なのかを、items という配列で送ります。配列なので、1 つのイベントに複数の商品を含められます（カートに 3 種類の商品があるときなど）。

items の主なパラメータ

item_id と item_name の どちらか一方は必須 です。

イベント全体のパラメータ

items とは別に、イベント全体に付けるパラメータもあります。

purchase のコード例

gtag('event', 'purchase', {
    transaction_id: 'T-20261028-0012',
    value: 6280,            // 商品の合計（値引き後）
    tax: 571,
    shipping: 500,
    currency: 'JPY',
    coupon: 'WELCOME',
    items: [
        {
            item_id: 'SKU-001',
            item_name: 'オーガニック T シャツ',
            item_brand: 'SampleWear',
            item_category: 'メンズ',
            item_category2: 'トップス',
            item_variant: 'ホワイト / M',
            price: 2990,
            quantity: 2,
        },
        {
            item_id: 'SKU-105',
            item_name: 'キャンバス トートバッグ',
            item_category: 'バッグ',
            price: 800,
            quantity: 1,
        },
    ],
});

ポイント value に何を含めるか（税込か税抜か、送料を含むか）は、GA4 では決まっていません。社内で売上をどう定義しているかに合わせて決め、イベント設計書に明記しましょう。基幹システムの「売上」と同じ定義にしておくと、数値の比較がしやすくなります。

データレイヤーの設計

e コマースの計測は、多くの場合 GTM とデータレイヤー を使って実装します。サイトのプログラムが、商品の情報を dataLayer に入れ、GTM がそれを読み取って GA4 に送る、という流れです。

サイトのプログラム（EC システム）
   ↓ dataLayer.push({ event: 'purchase', ecommerce: {...} })
データレイヤー
   ↓ GTM がイベントを検知し、ecommerce の情報を読み取る
GA4 のタグ
   ↓
GA4

dataLayer の例

// 前のイベントの ecommerce の情報をクリアする
window.dataLayer.push({ ecommerce: null });
// 商品詳細ページで
window.dataLayer.push({
    event: 'view_item',
    ecommerce: {
        currency: 'JPY',
        value: 2990,
        items: [
            {
                item_id: 'SKU-001',
                item_name: 'オーガニック T シャツ',
                item_category: 'メンズ',
                price: 2990,
            },
        ],
    },
});

GTM の GA4 イベント タグでは、「e コマース データを送信」（または同等の設定）をオンにし、データのソースを「データレイヤー」にすると、ecommerce の情報がそのまま GA4 に送られます（第 9 部）。

注意 ecommerce: null で前の情報をクリアしないと、前のイベントの商品情報が次のイベントに混ざることがあります。dataLayer.push の前に必ずクリアするよう、開発者に依頼しましょう。

EC プラットフォームの場合

Shopify などの EC プラットフォームや、EC の構築パッケージを使っている場合は、GA4 の e コマース計測に対応した機能やアプリが用意されていることがあります。独自に実装する前に、使っているプラットフォームの対応状況を確認しましょう。

導入の優先順位

e コマースのイベントは数が多く、すべてを一度に実装するのは大変です。次の順番で優先順位を付けると、効果の大きいものから使えるようになります。

ポイント まずは優先度 1 と 2 を実装すれば、収益化レポートの主要な分析ができるようになります。優先度 4 の一覧やプロモーションのイベントは、商品数が多く、一覧の改善が重要な大規模な EC サイトで特に役立ちます。

よくある実装ミス

e コマース計測では、次のような実装ミスがよく起こります。

実装後の確認

実装が終わったら、次の手順で確認しましょう。

1. テスト環境（またはテスト用プロパティ）で、一覧 → 商品 → カート → 購入の操作を行う
2. DebugView で、各イベントが順番に送られ、items の中身が正しいかを確認する
3. 本番に公開したあと、翌日以降に収益化レポートで、購入数と収益を EC の管理画面の数値と比べる
4. 大きな差がある場合は、計測の漏れや重複を調べる（数%程度の差は正常の範囲）

まとめ

• e コマース計測は、一覧の表示から購入・返金までの推奨イベントで行う
• 商品の情報は items 配列で送り、item_id か item_name のどちらかは必須
• purchase には transaction_id、value、currency を必ず送る
• 実装は GTM とデータレイヤーで行うことが多く、ecommerce: null で前の情報をクリアする
• purchase → ファネルの主要イベント → 細かいイベントの順で優先して実装し、管理画面の数値と照らし合わせて確認する

次の章では、計測した e コマースのデータを使って、商品ごとの分析を行う方法を学びます。