Shopifyでの実装方法

この記事を生成AIで要約する:

ChatGPTPerplexityClaudeGGrok

ShopifyでGA4実装を行う方法

ShopifyはGA4及びGA4でのeコマース計測に対応しているため、Shopifyの仕組みを利用した導入方法をおすすめします。一部eコマースのイベントは計測出来ませんが(後述)売上や商品詳細の表示、カート追加などは問題なく計測出来ます。

以下で具体的な実装手順を紹介いたします。

Shopifyのapp storeからGoogleチャネルを導入する

app storeの「Google & YouTube」チャネル(旧:Googleチャネル)を導入していない場合は、まずこちらをShopifyに導入します。

「アプリを追加する」を押した後に、「販売チャネルを追加する」を押して連携を完了させましょう。連携する際には、GA4でログインするGoogleアカウントでログインしておきましょう。

GA4のプロパティを作成する

GA4のプロパティをまだ作成していない場合は、本サイトの以下のページを参考にプロパティを作成しておきましょう。

なお計測記述はShopify側で設定を行うため、GTM等への実装などは必要ありません。プロパティのみの作成だけで大丈夫です。

Shopifyの管理画面からGA4を連携

Shopifyの管理画面から「販売チャネル>Google & YouTube」を選び、チャネルの設定を行います。Google アナリティクス 4の設定のみを希望ですか?内にある「始める」を押してください。

連携したいGoogle アナリティクスプロパティを選択して(先程作成した場合は、作成したプロパティ名を選択して)「接続」を押してください。

接続を押せばこれで連携が完了となり、GA4でのページビューや購入、売上などの情報取得が開始します。
サイトにアクセスし、GA4のリアルタイムレポートで計測が出来ているかを確認しましょう。

Shopifyで計測出来るeコマースのイベント名

eコマースの計測にはGA4側で用意された様々なイベントがあります(例;add_to_cartであればカート追加)。Shopifyでは一部イベントのみが計測されます。対応しているイベントは以下をご覧ください。

eコマースの計測種別 イベント名
商品リストやアイテムリストの表示、インプレッション view_item_list
商品/アイテムリストのクリック select_item
商品/アイテムの詳細表示回数、インプレッション【対応】 view_item
お気に入り追加 add_to_wishlist
カートの表示 view_cart
ショッピングカートへの追加【対応】 add_to_cart
ショッピングカートから商品を削除 remove_from_cart
プロモーションの表示 view_promotion
プロモーションのクリック select_promotion
決済開始【対応】 begin_checkout
配送情報の追加 add_shipping_info
決済情報の追加【対応】 add_payment_info
購入【対応】 purchase
払い戻し refund
太字のものがShopify連携で対応している項目です。

完了ページでの計測例

ECサイトでのデータを見る上で重要なイベントには対応していますが、対応していないイベントが多数あることがわかります。これらにも対応したい場合はShopify Plusの契約(checkout.liquidのカスタマイズが可能)を行うか、Shopifyのカスタムピクセル機能を利用して個別に実装していく必要があります。詳細な方法は本サイトの以下ページをご覧ください。

レポート例

上級者向け:Shopify設定項目とGA4パラメータの対応

eコマースのイベントには様々なイベントパラメータが存在します(例:商品名、価格)。どのイベントパラメータがShopifyで設定したどの項目に対応しているかは以下を参考にしてみてください。

対応Shopify項目 GA4側で設定される箇所
商品タイトル アイテム名(item_name)
バリエーション名 アイテムのバリエーション(item_variation)
(なお、バリエーションのページを開いている場合は
アイテム名は「商品タイトル – バリエーション名」になります
商品タイプ アイテムのカテゴリ(item_category)
価格 アイテムの価格 (price)
販売元 アイテムのブランド (item_brand)
(特になし) アイテムID (item_id)
(Shopify側で設定項目がなく、14桁の番号が設定される
SKUは反映されず)
コレクション名 反映されず
タグ名 反映されず
追加された個数 カートに追加されたアイテム数(quantity)
注文番号 反映されず
チェックアウト番号 反映されず
小計 eコマースの値(value)
消費税 eコマースの税(tax)
配送 eコマースの配送(shipping)
ディスカウント 反映されず ※クーポン周りは未対応

トラブルシューティング

ShopifyでGA4を設定した際によくある問題と対処法をまとめます。

eコマースイベントが計測されない

Google & YouTubeチャネルを連携しているにもかかわらずpurchaseなどのeコマースイベントがGA4に表示されない場合は、以下を確認してください。

  • Google & YouTubeチャネルの設定画面で「Googleアナリティクス」がオンになっているか
  • GA4のプロパティIDが正しく入力されているか(G-から始まるID)
  • テスト購入後、GA4のリアルタイムレポートでイベントが表示されるか(データ反映まで24〜48時間かかる場合があります)
  • Shopifyのチェックアウト画面で他のGA4タグが重複して設置されていないか(GTM経由の二重計測に注意)

収益データが合わない

Shopifyの売上とGA4のeコマース収益に差異がある場合、以下の原因が考えられます。

  • GA4はブラウザベースの計測のため、Cookieブロックや広告ブロッカーにより一部のトランザクションが計測されない
  • Shopifyの注文番号やディスカウント(クーポン)はGA4に送信されないため、その分の差異が発生する
  • 返品・キャンセル分はGA4に自動で反映されないため、Shopify管理画面の数値と乖離する

GTMとの併用時の注意点

Google Tag Manager(GTM)を使ってカスタムイベントを追加計測する場合、Google & YouTubeチャネル経由のGA4タグと二重に計測されないよう注意が必要です。GTMでeコマースイベント(purchase等)を独自に実装する場合は、Google & YouTubeチャネル側のGoogleアナリティクス連携をオフにするか、GTM側で重複しないイベントのみを計測するようにしましょう。

この記事の著者

小川 卓(おがわ たく)

株式会社HAPPY ANALYTICS 代表取締役。ウェブアナリストマスター。University College London(UCL)卒業。リクルート、サイバーエージェント、アマゾンジャパン等でウェブアナリストとして活動後、独立。著書多数、全国で500回以上の講演実績。

参考になりましたか?

Google Analytics 4のセミナー講座販売中
活用・実装・改善・LookerStudioなど3時間半で学べる動画+資料を買い切り販売中です。一度購入いただくと、随時アップデートも行われます。