ヘッドレスサイトでGA4のコンバージョンを正しく記録する設計

チェックアウト遷移をまたぐ計測欠損を防ぎ、購入CVを安定して取得する設計の全体像

GA4コンバージョン計測ヘッドレスECShopify Checkoutサーバーサイド計測
読了時間: 4分

このテーマで扱う範囲

ヘッドレスECでは、商品閲覧からカートまでは自社フロントで計測できても、決済画面遷移後にコンバージョン計測が欠けることがあります。
このシリーズでは、欠損ポイントの把握 → 識別子の引き継ぎ → 決済後のサーバー送信までを一連の設計としてまとめます。

先に結論

購入CVを安定して取るには、次の3段をセットで設計します。

  1. 欠損が起きる境界を明確化する
  2. 遷移前に識別子を注文に引き継げる場所へ保存する
  3. 決済完了イベントをWebhook起点でGA4へ送信する

全体フロー(概要)

CV取得の基本フロー
フロント側で識別子を取得
_ga など
チェックアウト前に注文連携用属性へ保存
Cookie Bridging
購入完了Webhookで注文情報を受信
orders/paid
サーバー側でpurchaseを送信
GA4 MP

詳しく知りたい方へ

実装工程ごとに、以下の3記事で分けて解説しています。上から順番に読むと、設計判断から実装まで流れで理解できます。

セキュリティと運用上の前提

  • 実運用の環境変数名やキー名は公開しない
  • 管理系APIは必ず認証を掛ける
  • 失敗時はチェックアウトを止めない(fail-open)
  • ログには個人情報・トークン類を残さない

以下のサブトピックで、各工程を順に解説します。