ショップサーブでGA4のＥコマース対応ができるようになりました、当面はGA3とGA4の並行計測が可能です

2022.12.242023.06.07

この記事は約6分で読めます。

ショップサーブでもGA4のＥコマース対応が可能になりました。よかったです。これまでショップサーブではGA3（UA）でしかEコマース対応ができていませんでした。やはりGoogleAnalyticsで通販サイトのアクセス解析をするさいには、売上金額と紐づいた分析ができないとものたりないですからね。
昨日設定したタグがうまく機能しているようで、データが取得できているようです。備忘録として、ショップサーブにGA4の設定をする方法を記録しておきます。

このページの目次

GA4のＥコマース対応
1. ショップサーブのAnalytics設定
  1. ショップサーブにGA4の測定IDを設定する
2. GA4のEコマース設定がうまくできているか確認する
  1. GA4側で追加の設定が必要でした
  2. 参照元除外はGA4のGoogleタグでタグの設定をする

GA4のＥコマース対応

ショップサーブのAnalytics設定

▼ショップサーブのオンラインマニュアル
https://help.shopserve.jp/manual/256/

■GoogleのタグIDを設定します

・ウェブプロパティID（任意）
ユニバーサルアナリティクスのトラッキングIDを入力します。
コピーした「 UA-XXXXXXXX-1 」をそのまま貼り付けてください。

・測定ID
Google Analytics 4（GA4）プロパティの測定IDを入力します。
コピーした「 G-XXXXXXXXXX 」をそのまま貼り付けてください。

・画面下部の「設定を保存する」ボタンをクリックします。

上記の内容はオンラインマニュアルからの引用です。

この画面だけでGA3（UA）とGA4の両方とも設定ができるようになったわけですね。
これまでの複雑な設定方法に比べるとシンプルになってよかったです。

ショップサーブにGA4の測定IDを設定する

ショップサーブの店舗管理の画面にログインします。

管理画面のURL（各店舗ごとに違います）
https://kanri*.shopserve.jp/******.gt/func00/index.cgi

上記のような管理画面のURLからIDとPWでログインします。

その後、メニューから「集客・運用」→「外部アクセス解析ツール」→「アクセス集計タグ設定」の順にクリックすると設定画面になります。

▼測定IDを設定する画面

すでに、「ウェブプロパティ」の欄にはGA3（UA）のトラッキングIDが入っているはずですね。
今回はその下にある「測定ID」の欄にGA4のIDを挿入して保存します。

GA3のIDは　UA-XXXXXXXX-1
GA4のIDは　G-XXXXXXXXXX

というような形式ですので、間違えないように。

なお、グーグルタグマネージャ（GTM）を利用している場合でも、ここはGA4の測定IDのを利用したほうがよさそうです。

GTMでも設定可能なようなのですが、そのあとにGTM側の追加設定が必要になるためです。当面はショップサーブ側が用意した設定に身を任せたほうがよいと思います。

GA4のEコマース設定がうまくできているか確認する

設定がうまくできていれば翌日以降に確認すればデータがとれているはずです。

以下の画像は、昨日設定したGA4の画面です。うまく稼働してデータ収集できているようでよかったです。

▼eコマース購入数

▼purchase（パーチェス）

※purchase（パーチェス）とは購入数のことです
※このグラフは他サイトのGA4データです

売上金額が取得できるかどうかの確認のために、本日テスト購入をしてみました。
ショップサーブの場合は「名字：テスト」、「名前：テスト」というようにしないと、決済利用料金がかかるので注意です。

なお、取得できるEコマースのデータは、以下のとおりです。

ショップサーブの管理画面から測定IDを設定すると、以下のeコマースイベントの集計を開始します。

・商品詳細ページを表示（view_item）
・商品をカートに追加（add_to_cart）
・購入完了（purchase）

purchase（パーチェス）は、お客さんが商品を購入完了した時にデータが送信されるイベントです。「コンバージョン」レポートで確認できます。

Googleタグを設置した翌日以降に、「 eコマース購入数」レポートの各項目ごとに数値が反映され、お客さんの購買行動を計測できるようになります。

Eコマースの最終的なコンバージョンは「購入完了（purchase）」なので、注目してウォッチングしていきましょう。

GA4側で追加の設定が必要でした

これで終了、といきたいところですが、追加の設定が必要なようです。

それは「参照元除外ドメインの設定」です。

以下、https://help.shopserve.jp/manual/256/から引用

除外する参照元	ドメイン名	説明
クレジットカード情報入力画面	secure-card.estore.co.jp	クレジットカード決済を利用している場合に除外
Amazon Payの画面	payments.amazon.co.jp pay-v2.amazon.co.jp	Amazon Payを利用している場合に除外
楽天ペイ(オンライン決済)の決済画面	my.checkout.rakuten.co.jp	楽天ペイ(オンライン決済)を利用している場合に除外
PayPay（オンライン決済）の決済画面	fep.sps-system.com	PayPay（オンライン決済）を利用している場合に除外
d払いの決済画面	www.payment2.estore.co.jp	d払いを利用している場合に除外
au PAY（ネット支払い）の決済画面	www.payment2.estore.co.jp	au PAY（ネット支払い）を利用している場合に除外
あと払い（ペイディ）の決済画面	checkout-v2.paidy.com apps.paidy.com	あと払い（ペイディ）を利用している場合に除外
LINEのログイン認証画面	access.line.me	LINEID連携を利用している場合に除外
Twitterのログイン認証画面	api.twitter.com	TwitterID連携を利用している場合に除外
Yahoo!のログイン認証画面	auth.login.yahoo.co.jp	Yahoo! JAPAN ID連携を利用している場合に除外
Facebookのログイン認証画面	facebook.com（※注：右記参照）	Facebookのログイン認証画面は、Facebookの通常ページのドメイン「facebook.com」と同じです。除外リストに追加すると「facebook.com」からの流入が全てわからなくなります。貴社判断で、参照元から除外しなくても構いません。