Googleアナリティクス(GA4) eコマース計測連携アプリ

当アプリは、Bカート上で Googleアナリティクス(GA4) に対応した eコマース計測 を行うための設定連携アプリです。アプリに必要な設定を行うことで、Bカート上で訪問者が閲覧した商品情報や、注文を行った際の注文情報をGoogleアナリティクス(以下、GA4)に送信し、レポート画面等で確認・利用できるようになります。

Bカートのサイト訪問者の注文に至るまでの行動や、特定の商品やカテゴリの注目度などの分析にお役立てください。

 

ご利用について

当アプリは「レスポンシブ表示」環境のみ利用可能となります。
現在PC表示をご利用の場合にはこちらから注意点などをご確認いただいた上で、
レスポンシブ表示への切り替えをご検討くださいませ。

当アプリのご利用は、Google社のサービスである、Google アナリティクス および Google タグ マネージャー の基本的な利用方法についての知識のある方を対象とさせていただいております。
当マニュアルに記載のない内容につきましては、各サービスの公式ヘルプをご参照ください。

当アプリはGA4との連携専用のアプリです。
2023年7月1日にサポートが終了するユニバーサルアナリティクス(UA)には対応しておりません

 

目次

アプリには大きく2つの設定があります(タブメニューから、設定画面を切り替えることができます)。

 

  • タグ設定
  • eコマース計測の設定

 

タグ設定のみでもGA4の標準計測(ページビューの計測など)を行うことができます。

追加でeコマース計測を行いたい場合のみ、eコマース計測の設定を有効にしてください(eコマース計測を行うには、タグ設定は必須です)。

 

タグ設定

タグ設定
タグ設定
  1. 当アプリを利用するには、アプリの [タグ設定] で設定を「有効」にしてください(「無効」に戻すことで計測を一時停止することもできます)。

  2. タグの種類は、GA4のプロパティ設定画面で取得できる「gtag.js」か、「Googleタグマネージャー」のいずれかを選択することができます。

    Googleタグマネージャーの利用方法とタグ(コードスニペット)の取得については公式ヘルプをご確認ください。

    https://support.google.com/tagmanager/answer/6103696?hl=ja&ref_topic=3441530

    Googleタグマネージャーのタグは、設置箇所によって2つに分かれていますので、内容をコピーし、それぞれ該当の入力欄に貼り付けてください。

  3. 設定を保存」すると、設定内容がBカートに反映され、GA4での計測が開始されます。
    Bカートのサイトのいずれかのページにアクセスし、GA4の「レポート」>「リアルタイム」の画面で、アクセス情報(page_viewなど)が正しく計測されていることを確認してください。

Bカートの管理画面の
[各種設定] > [外部連携] > [Google アナリティクス eコマース トラッキング]
[基本設定] > [タグ出力] などで
すでに Googleアナリティクス のタグを設定されている場合は、タグが重複して正しく計測されない可能性があります。
Googleアナリティクスと連携する場合は、当アプリのみを利用し、Bカート管理画面側の設定は無効にするか削除してください。

 

eコマース計測の設定

eコマース計測の設定
eコマース計測の設定

こちらの設定では、下記の2つのeコマースイベントの計測を有効にすることができます。

 

purchase(購入)

Bカートで注文が確定した際に、その収益(注文総額)と明細(商品名、注文数など)を計測します。

https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=ja&client_type=gtag#purchase

 

view_item(商品詳細表示)

Bカートの商品詳細ページが表示された際に、その商品の情報(商品名やカテゴリ・特集)を計測します。

https://developers.google.com/analytics/devguides/collection/ga4/reference/events?hl=ja&client_type=gtag#view_item

 

Googleタグマネージャーでの事前設定

Googleタグマネージャーのタグを利用する場合は、事前にGoogleタグマネージャーのコンテナ設定画面で、タグ・トリガーの設定が必要です。
※「gtag.js」を利用する場合は、こちらの手順を飛ばして「計測イベント設定」に進んでください。

 

Googleタグ マネージャーからGA4にイベントデータを送信するには、連携する次の2種類のタグが必要です。

 

  • Google アナリティクス: GA4 設定
  • Google アナリティクス: GA4 イベント

 

Google アナリティクス: GA4 設定

まず、下記公式ヘルプの「Google アナリティクス 4 設定タグをセットアップする」を参考に、GA4設定タグを追加します(5. オプションの設定は、未設定のままで問題ありません)。

https://support.google.com/tagmanager/answer/9442095#config

タグ設定例
タグ設定例

Google アナリティクス: GA4 イベント

次に、eコマースイベント計測用のタグを追加していきます。

イベントごとに追加する必要があるため、「purchase」のタグと「view_item」のタグはそれぞれ個別に追加していきます(以下は「purchase」のタグの入力例です)。

 

  1. [タグ] > [新規] をクリックします。
  2. [タグの設定] > [Google アナリティクス: GA4 イベント] をクリックします。
  3. [設定タグ] で、事前に追加した「Google アナリティクス 4 設定タグ」を選択します。
  4. [イベント名] に、「purchase」を入力します。
  5. [詳細設定] > [eコマース] で 「eコマースデータを送信」にチェックを入れます。
    データソースは、初期選択肢の「Data Layer」のままにしておきます。

 

イベントタグ設定例
イベントタグ設定例

次にトリガーの設定を行います。

 

  1. GA4 イベントタグの [トリガー] ボックスをクリックします。
  2. トリガーの選択画面で右上の [+] をクリックします。
  3. 作成するトリガーの名前を入力します(例: 「GA4 purchase イベント」など)。
  4. トリガーの設定ボックスをクリックして表示される、トリガーのタイプの選択画面で、その他のセクションにある「カスタム イベント」を選択します。
  5. トリガーの設定の [イベント名] に、「purchase」を入力します。
  6. 右上の [保存] をクリックして、設定を保存します。

 

トリガー設定例
トリガー設定例

 

「view_item」イベントの計測タグを追加する場合は、[イベント名] などを「purchase」→「view_item」に置き換えて同じように設定してください。

すべてのタグ設定が完了すると、タグの一覧画面では下記のように表示されます。

 

 

設定済みのタグ一覧
設定済みのタグ一覧

 

計測イベント設定

  1. アプリの [eコマース計測の設定] で、有効にしたい計測イベントを「有効」にしてください。
  2. 「有効」にすると表示されるGA4の計測項目ごとに、割り当てたいBカート側の項目・情報を選択してください。
  3. 設定を保存」すると、設定内容がBカートに反映され、GA4での計測が開始されます。

 

eコマース計測の動作確認

正しく計測が行われているかを、GA4のレポート画面の [レポート] >  [リアルタイム] で確認してください。

 

view_item(商品詳細表示)イベントの確認
  1. 当アプリと連携しているBカートのサイト(一般画面)を開き、いずれかの商品の商品詳細画面を表示します。
  2. GA4の [リアルタイムの概要] の [イベント数(イベント名)] に「view_item」が表示されたら、正しく計測が行われています。

 

view_itemイベントの確認
view_itemイベントの確認

 

purchase(購入)イベントの確認
  1. 当アプリと連携しているBカートのサイト(一般画面)を開き、いずれかの商品の注文を行います。
  2. GA4の [リアルタイムの概要] の [イベント数(イベント名)] および [コンバージョン(イベント名)] に「purchase」が表示されたら、正しく計測が行われています。

 

purchaseイベントの確認
purchaseイベントの確認

 

また、1日ほど経つと、[ライフサイクル] > [収益化] などのレポートにも、これらのeコマース計測データが反映されていきますので、合わせてご確認ください。