GA4でのeコマース設定がおかしい!GA4のeコマース設定の仕組みと対処法

GA4を開設したのはいいものの、「eコマースがちゃんと動かない」「収益が反映されない」といったご相談を受けることが多くなりました。

大体同じ要因であることが多いのですが、今回はUAとGA4のeコマース設定の違いを説明しながら、これらの対処法をご紹介していきます。

GA4の概要に関しては、こちらの記事をご覧ください。

eコマースの実装ミスでよくあるのはUAトラッキングコードを利用している場合

GA4でのeコマースがうまく動かない要因は、ほとんどの場合、既定のUAの計測コードと連携して、GA4のデータ収集を行っている場合に発生します。

GA4は、既存のアナリティクスのトラッキングコードを利用し、設定を引き継ぐ形でGA4のプロパティを作成できます。
これまでGAを利用している方は、ほとんどがこの手法を採用しています。

ほとんどのレポートはこの作業のみで計測が反映されますが、eコマースは数値が全く反映されません。

なぜこのようなことが起こるのでしょうか?

GA4とUAでeコマースの実装コードの記述が異なるから

GA4とUAのeコマースの仕組みは、基本的に同じです。
しかし、送信しているキーが異なるなど、細かい部分で新たに設定が必要になります。

GA4とUAの実装コードを比較してみた

UAとGA4のdatalayerの記述をご覧ください。

これはGoogle Developersで公開されているUA・GA4それぞれのeコマースにおける、購入を測定する際の実装例です。
どちらも購入を測定するコードになります。

似たような設定に見えますが、よくよく確認してみると、設定されているイベントやパラメータが異なるのがわかると思います。

例えば、商品名が記載されているキーが、UA側だと「name」になっていますが、GA4だと「item_name」になっています。
ほとんど同じ情報を送っているのに、若干GA4とUAで記述に違いがあるのがわかりますね。

GA4とUAのイベントやパラメータの違いは、以下のGoogle公式のイベントリファレンスをご確認ください。
イベント グローバル サイトタグ(gtag.js)
Google アナリティクス 4 イベント グローバル サイトタグ(gtag.js)

ではどのような対応をすればGA4のeコマースレポートを反映できるのでしょうか?
この後詳しくご紹介していきます。

GA4でeコマース設定が正しく反映されない場合の対処法(UAの計測と併用してGA4の計測を行っている場合

eコマース実装方法はGA4・UAに関わらず、基本的に同じです。

Google Developersでも記載されていますが、実装方法は主に2つあります。

➀データレイヤーを使用して実装する(推奨)
➁カスタム JavaScript 変数を使用して実装する
出典:https://developers.google.com/tag-manager/ecommerce-ga4

弊社のご相談事例でも、ほとんどが➀にて実装されています。

そのため、今回の対処法は以下の状況を前提としています。

前提➀:既定のUAの設定を引き継ぐ形でGA4プロパティを作成している
前提➁:eコマース設定をdatalayerを使用して実装している

ではさっそく対処法を見ていきましょう。

対処法➀:GA4のeコマース実装コードを新たに設定する(google推奨)

先ほど画像で示した通り、GA4とUAのeコマースの記述は異なります。

そのためUAで実装しているコードとは別に、GA4用のコードを実装しデータレイヤーに送信する手法があります。
これはGoogleも推奨しており、一番安全かつ確実にeコマースを設定することができます。

ソース上は、UA用とGA4用の実装コードをが並列されているような形になります。
UAでも引き続き計測を行いたい場合は、UAの実装コードは維持してください。

この後説明しますが、UAはGA4のコードを読み取ることができません。
そのため、GA4のコードを新たに実装したとしても、UAの実装コードは削除しないようにしましょう。

対処法➁:UAの実装コードをGA4用に処理をかけて実装する

2つ目の方法は、既存のUAの実装コードを読み取らせるやり方です。

GA4はUAの実装コードを読み取ることができるなど、互換性があります。
ただし、先述の通り実装コードにパラメーター名が異なるといった違いがあります。

UAのコードで読み取っているイベントをGA4で読み取れるイベントに変換して、GAにデータを送信する必要があります。
具体的なやり方は以下です。

手順➀:GTMのGA4イベントタグで各eコマース設定用タグを作成する

それぞれ計測したいeコマースイベント用のGA4タグを作成します。

今回は購入のイベントを例にします。

まずはこのようにGTMでイベントタグを作成してみてください。

購入計測用のイベントタグ

GA4でイベントを設置するのと同じように、タグの種類を「Googleアナリティクス:GA4イベント」を選択します。
購入の計測イベントは「purchase]なので、イベント名に記載します。
同時に、UAのイベントで設定されているのと同じように、購入完了時の条件となるトリガーを設定して下さい。

手順➁:UAのeコマースイベントをGA4のイベントに変換する

続いて、GTMを使ってUAのイベントの記述をGA4のイベントに変換する処理をかけていきます。

仕組みとしては簡単です。
UAの実装コードの中身に

例えば商品情報を格納するのは、GA4では「items」というパラメータが規定となっています。

そのため商品情報をGA4のeコマースレポートに反映させるには、「items」というパラメータに対して、UAの実装コード上の商品情報にあたる部分の記述を当て込む必要があります。

これを行うには、まず以下のような変数を設定します。

itemsに格納する情報取得する変数設定の例

同じように収益や税なども同じように変数を作成し、対応させていきます。
GA4のeコマースタグで設定するパラメータに対応させるUA側コードのキー名と、変数設定の際にデータレイヤーの変数名に入れるコマンドを以下にまとめました。
こちらを参考に各イベントに対する

GA4パラメータ UAコード設定キー データレイヤーの変数名
items products ecommerce.purchase.products
transaction_id id ecommerce.purchase.actionField.id
value revenue ecommerce.purchase.actionField.revenue
currency currency ecommerce.purchase.actionField.currency
tax tax ecommerce.purchase.actionField.tax
shipping shipping ecommerce.purchase.actionField.shipping
coupon coupon ecommerce.purchase.actionField.coupon

これで各GA4のeコマースに送信するべき情報をUAコードから引っ張ってこれます。

あとは先ほど作成したeコマース計測タグの中のパラメータに対して、適切に変数を設定していくだけです。

GA4用eコマース購入タグの完成図

購入計測用のイベントタグ(完成例)

先ほど示したようにUAとGA4では、eコマースで読み取るイベントやパラメータの記述に違いがあります。
一方で、GA4のeコマースはUAの実装コードと互換性があることもお伝えしました。

このおかげで、上記の設定をすれば勝手にGA4側で、priceの部分を合計した金額をvalueに反映してくれます。

商品インプレッションや購入の計測以外でも、上記のように設定を行っていくとGA4のeコマースが問題なく計測されるはずです。

また今回ご紹介しているのは、あくまで一例です。
便宜上、変数を一つ一つ設定しており、かなり回りくどい方法で設定しています。
もっと簡略化して設定することもできるので、状況に応じて工夫することをおすすめします。

※補足※収益の計測はcurrencyの設定が必須

ご相談いただいた中に、収益のみが反映されない事例がありました。

調査したところ、UA用の実装コードの中にcurrencyのパラメーターが設定されていないことが要因で発生していました。

UAではcurrencyのパラメーターを設置しなくても収益に反映されるため、省略していたものとみられます。

そのため、もしGA4でこれらの処理をかけても、収益が反映されない場合には、このあたりを見直してみてください。

UAとGA4の並列での実装がおすすめ

今回は2つの対処法をご紹介しましたが、基本的には対処法➀がおすすめです。

すでにUAでeコマースを実装しているのであれば、ほとんど同じコードであるGA4用eコマースを設定することは、ハードルとしては高くないと思います。
またGTMなどでの処理が複雑化する対処法➁だと、ミスが発生しやすくなるのもデメリットとして挙げられます。

加えて今後GA4独自のeコマース指標等も設置される可能性があります。
その際、UAコードだけでは対応できないことが考えられます。

対処法➁による補完は、当面問題ないとは思いますが、いずれはGA4用のコード実装をお勧めします。

もしこの記事の方法で取得できなかった場合は、ぜひ当社までご相談ください!
記事に誤りがありましたら、ご指摘もお待ちしております。

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめの記事