← ドキュメントに戻る

GA4連携の設定・確認ガイド

ABテストプロのバリアント割当をGA4へ送り、流入元・デバイス・ページなどの切り口で分析する方法を説明します。

この連携でできること

実行中のテストでバリアント割当が記録されると、ABテストプロは既存のGoogleタグへ abtest_exposure を送ります。GA4にすでに届いているカート追加・購入イベントと組み合わせることで、 「どのバリアントを見たユーザーが、その後カート追加や購入へ到達したか」を比較できます。

abtest_exposure(ABテストプロが送信)
        ↓
add_to_cart(ストアの既存GA4計測)
        ↓
purchase(ストアの既存GA4計測)

設定前に確認すること

確認項目必要な状態
プランStarter / Pro、または開発ストア
テストApp Embedが有効で、対象のテストが実行中
GoogleタグGoogle & YouTubeチャネル、またはテーマ等からストアフロントのメインドキュメントへ設置済み
GA4ストリーム同じウェブデータストリームに add_to_cartpurchase が届いている
同意Cookieバナー等でanalytics consentを許可できる

GTM Custom Pixel内にしかGoogleタグがない構成、メインドキュメントが dataLayer のみの構成、 Googleタグがない構成は現在のv1では利用できません。対象外の構成では、アプリがGoogleタグを追加することはなく、 abtest_exposure も送信しません。

ステップ1. GA4の測定IDを確認する

  1. GA4を開き、左下の「管理」を選択します。
  2. 「データの収集と修正」→「データ ストリーム」を開きます。
  3. 既存のeコマース計測に使っているウェブデータストリームを選択します。
  4. 「測定 ID」に表示される、G- から始まる値をコピーします。
GA4のウェブストリーム詳細 — 「測定 ID」の右にあるコピーボタンから値を取得します。
GA4のウェブストリーム詳細で測定IDを確認する画面

ステップ2. ABテストプロに測定IDを設定する

  1. Shopify管理画面から「ABテストプロ」を開きます。
  2. 左側メニューの「設定」を選択します。
  3. 「GA4連携」の測定ID欄へ、ステップ1でコピーした値を入力します。
  4. 「連携する」を選択します。
  5. 「設定済み(タグ未確認)」と表示され、同期警告が出ていないことを確認します。
ABテストプロのGA4連携設定 — 既存Googleタグと同じウェブデータストリームの測定IDを入力します。
ABテストプロの設定画面にあるGA4連携欄

「設定済み(タグ未確認)」は、測定IDの保存と配信設定の同期が完了した状態です。 ストアフロントでGoogleタグを検出できたことや、GA4へイベントが到達したことを保証する表示ではありません。 必ず後述のイベント確認まで行ってください。

ステップ3. カスタムディメンションを登録する

  1. GA4で「管理」→「データの表示」→「カスタム定義」を開きます。
  2. 「カスタム ディメンションを作成」を選択します。
  3. ディメンション名に「バリアント」など、分かりやすい名前を入力します。
  4. 範囲は「イベント」を選択します。
  5. イベント パラメータへ exp_variant_string を入力し、保存します。
カスタムディメンションexp_variant_string をイベントスコープで登録します。
GA4でexp_variant_stringをカスタムディメンションとして登録した画面

カスタムディメンションの反映には24〜48時間かかる場合があり、登録前のイベントには遡って適用されません。 必要に応じて experiment_keyvariant_key も同じくイベントスコープで登録できます。 実験開始後に実験キーを変更するとGA4上の値が分かれるため、開始後は変更しないでください。

ステップ4. イベントの到達を確認する

  1. 通常のストアフロントを開き、analytics consentを許可します。
  2. 実行中テストの対象ページを開きます。
  3. GA4で「レポート」→「リアルタイムの概要」を開きます。
  4. イベント名の一覧に abtest_exposure が届くことを確認します。

テーマエディタ、プレビューURL、アプリの ab_debug=1 ではGA4送信を行いません。 ab_debug=1 はGA4の debug_mode とは別の、アプリ側の送信停止フラグです。

GA4のイベント確認 — 「最近のイベント」でも abtest_exposure と既存eコマースイベントの受信状況を確認できます。
GA4の最近のイベント一覧にabtest_exposureが表示された画面

ステップ5. バリアント別のファネルを作る

1. バリアント用のセッションセグメント

  1. GA4で「探索」→「ファネルデータ探索」を開きます。
  2. セグメントの「+」から「セッション セグメント」を選択します。
  3. 条件を「イベント名 = abtest_exposure」かつ「exp_variant_string = 対象値」にします。
  4. ユーザーセグメントの「Across all sessions」は使用しません。

exp_variant_string の値は 実験キー:バリアントキー の形式です。 例: product-main-visual:controlproduct-main-visual:variantA

2. カート追加ファネル

  1. 「オープンファネルにする」をOFFにします。
  2. Step 1を abtest_exposure とし、同じ exp_variant_string 条件を指定します。
  3. Step 2を add_to_cart にします。
  4. ステップ間の関係は「間接的に後に続く」を選択します。
  5. 作成したセッションセグメントを適用します。

3. 購入ファネル

カート追加ファネルを複製し、Step 2だけを purchase に変更します。 コントロールと各バリアントでセッションセグメントを分け、Step 1とセグメントの exp_variant_string を同じ値にしてください。

既存Googleタグの初期 page_viewabtest_exposure より先に送られる場合があるため、 必須ステップには追加しません。

結果の読み方

各バリアントで、次の3つを同じ期間・同じ条件で比較します。

流入元・デバイス・ランディングページは、BreakdownまたはFilterへ1つずつ追加して比較します。 exp_variant_stringabtest_exposure にだけ付くイベントスコープのパラメータです。 purchase をこのディメンションで直接分解すると (not set) になるため、必ずセッションセグメントとクローズドファネルを使ってください。

GA4分析の範囲と注意点

イベントが届かないとき

確認する場所チェック内容
Googleタグメインドキュメント上で通常のGoogleタグが利用できるか。GTM Custom Pixelのみではないか。
測定ID既存eコマース計測と同じウェブデータストリームの値か。
同意analytics consentが許可されているか。
アプリ対象プラン、App Embed、実行中テスト、対象URLがすべて有効か。
閲覧方法テーマエディタ、プレビュー、ab_debug=1 を使っていないか。

参考資料

設定後は、まずリアルタイムで abtest_exposure の到達を確認してください。
勝敗の判断はABテストプロのテスト詳細画面を正本として行います。