技術Note

Shopify の「カートに追加」と「今すぐ購入」を GA4 のコンバージョンイベントとして計測するには、まず Google タグマネージャー（GTM）上で次のステップを踏みます。

1. GTM に GA4 設定タグを設置する

1. GTM の「タグ」→「新規」→「タグの設定」→「GA4 設定」を選択。
2. 「測定 ID」（G-XXXXXXXX）を入力。
3. トリガーは「All Pages（すべてのページ）」を選択し、保存。

2. クリック変数を有効化する

GTM の「変数」→「組み込み変数」→「クリック」グループの中から以下をチェックして有効化：

• Click ID
• Click Classes
• Click Text

3. 「カートに追加」トリガーを作る

1. トリガー一覧→「新規」→「トリガーの設定」→「クリック – すべての要素」を選択。
2. 「一部のクリック」を選び、以下の条件を設定：
   ・Click Classes に含む → product-form__submit
   ・Click Text に等しい → カートに追加する
3. 名前を「トリガー – カートに追加クリック」として保存。

4. GA4 イベントタグ（add_to_cart）を作る

1. タグ一覧→「新規」→「タグの設定」→「GA4 イベント」を選択。
2. 「設定タグ」で先ほど作った GA4 設定タグを選択。
3. 「イベント名」に add_to_cart を入力。
4. 「トリガーを追加」でステップ3の「トリガー – カートに追加クリック」を選択。
5. 名前を「GA4 – add_to_cart」として保存。

5. 「今すぐ購入（Buy now）」トリガーを作る

1. トリガー一覧→「新規」→「クリック – すべての要素」を選択。
2. 「一部のクリック」を選び、以下の条件を設定：
   ・Click Classes に含む → shopify-payment-button__button
   ・Click Text に等しい → 今すぐ購入
3. 名前を「トリガー – 今すぐ購入クリック」として保存。

6. GA4 イベントタグ（begin_checkout）を作る

Shopify の「今すぐ購入」はチェックアウト開始にあたるので、GA4 推奨イベント begin_checkout を使いましょう。

1. タグ一覧→「新規」→「GA4 イベント」を選択。
2. 「設定タグ」に GA4 設定タグを選択。
3. 「イベント名」に begin_checkout を入力。
4. （任意）同様に商品情報を「イベントパラメータ」で渡す。
5. 「トリガーを追加」でステップ5の「トリガー – 今すぐ購入クリック」を選択。
6. 名前を「GA4 – begin_checkout」として保存。

7. GTM を公開し、GA4 でコンバージョンに指定する

1. GTM 右上の「公開」ボタンで最新版を公開。
2. GA4 管理画面 → 「イベント」 → リストに add_to_cart と begin_checkout が上がってきたら、トグルを「コンバージョン」に切り替え。

これで「カートに追加」「今すぐ購入」をそれぞれ GA4 のコンバージョンイベントとして計測できます。
設定後はプレビューモードで挙動を確認し、GA4 のリアルタイムレポートで発火をチェックしてください。