サポートスタッフブログ

こんにちは、ワニタです。お久しぶりの登場です。

私が登場したということは・・・GoogleアナリティクスのGA4対応についてのお知らせです！

GA4対応を開始します！

前記事（e-shopsカートSにおけるGoogle アナリティクス4 の対応状況）では、e-shopsカートSではGA4には非対応とお伝えしておりましたが、e-shopsカートSでもGA4に対応するために調査を進めてまいりました。
大変お待たせしてしまいましたが、皆様にお知らせできるところまで準備が整いました♪

本題の前に少し復習

e-shopsカートSのGoogleアナリティクス対応は、以下のように進化してきました。

以上のようにこの度、2022年８月、GA4の測定ID（G-XXXXXXXXXX）出力に対応するためにe-shopsカートS側の利用環境をアップデートいたしました！

(続きを読む…)

追記：
このページの内容は、Universal Analytics（ユニバーサルアナリティクス）に関するご紹介です。
Google アナリティクス 4（GA4）に関してのご紹介は、
e-shopsカートSのGA4対応を開始します！をご覧ください。

こんにちは、お久しぶりのワニタです。

GoogleAnalyticsのトラッキングタグについて、e-shopsカートSの対応状況をお知らせします！

はじめに

Google アナリティクス4とは？（概要）

e-shopsカートSでは未だGA4に非対応

GoogleさんはGoogle アナリティクス4（GA4）を推奨しているようで、アカウント作成・プロパティ作成時にはG-から始まるトラッキングIDのトラッキングコードの取得を推奨しています。

しかし、e-shopsカートSでは未だGA4に対応した仕様となっておりません。
大変申し訳ありません・・・

e-shopsカートSでは現状（2020年12月時点）では『UniversalAnalytics（analytics.js）』にて、ご対応をお願い致します。

（今後e-shopsカートSでもGA4に対応できるように開発・調査を進めております。）

GA4に対応していないからといって、Google Analyticsで解析が行なえない！というわけではございませんので、アカウント作成時にanalytics.js（UAから始まるトラッキングID）を取得する方法について、本記事でお伝えしていきたいと思います。

GoogleAnalytics『analytics.js』トラッキングタグ取得までのフロー

まずは「アカウントの作成」または「プロパティの作成」から下記画面を表示します。

「アカウント名」や「プロパティ名」には、計測希望のサイト名など、自社で管理しやすい名称を入力し、「詳細オプションを表示」をクリックします。

「ユニバーサルアナリティクスプロパティの作成」が展開されました！

以下画像のボタンをクリックします。

クリック後、以下の項目が表示されますので

・計測したいWebサイトのURLを入力

・「ユニバーサルアナリティクスのプロパティのみを作成する」をクリック

・「次へ」をクリック

します。

ビジネスの概要を選択します。自社の運用に合うものを選択し、「作成」をクリックします。

以下赤枠のところからUA-から始まるトラッキングIDの取得ができるようになりました！

（見つけるのちょっと大変・・・(＾-＾；)）

Webサイトとe-shopsカートSを介したトラッキングを行なうためには、上の画面から取得したトラッキングコードを少し編集し、『クロスドメイントラッキング』を実装することで可能となります！タグの編集については、過去の以下記事をご参考としご対応くださると幸いです！

■過去の記事➜クロスドメインのトラッキングについて

以上、analytics.jsのトラッキングタグ取得における補足情報でした！

【※本記事は2020年11月5日に更新しています】

こんにちは、お久しぶりのワニタでございます。

今回はGoogleAnalyticsの『gtag.jsにおけるクロスドメイントラッキングの設定方法』を解説致します！

【※ご注意】e-shopsカートSではGoogle アナリティクス 4（G-から始まるトラッキングID）やGoogleタグマネージャーには非対応です。本記事ではユニバーサルアナリティクスのグローバルサイトタグについて解説します。

おさらい：クロスドメイントラッキングとは？

クロスドメインとは1つのWebサイトの中で、ドメインが2つ以上にまたがっている状態です。

例：ネットショップのドメインが「abc.com」なのに、カートのみ別ドメインのASPサービス（e-shopsカートSも該当）が「def.jp」のため、カゴに商品を入れた瞬間にドメインが変わるケース

↑のような状況って意外に多いと思いますが、クロスドメイントラッキングができていないと、本来は自然検索から来たにもかかわらずドメインをまたぐ際にセッションが切れるため、参照元が「abc.com」になってしまう・・・なんてことになってしまいます。

こうなると、正確に計測出来ない状況に陥ってしまいますので、このような事態を防ぐための「クロスドメイントラッキング」の設定が必要となります。

今回の目次

• gtag.jsのクロスドメインのトラッキングコードについて
• 参照元の除外
• フィルタの追加
• 特定URLでの計測の除外方法
• e-commerceTrackingの対応について
• 目標設定について

gtag.jsのクロスドメインのトラッキングコードについて

クロスドメインの設定方法についてご説明していきます。

ワニタの主観ですが、作業してみて難しいことはありませんでしたよ～。

GoogleAnalyticsトラッキングタグの記述変更

GoogleAnalytics管理画面から取得したグローバル サイトタグ（gtag.js）のままでは、計測できないので、以下のようにご変更して下さい。（以下コードのコピー&ペーストは行わないで下さいネ。）

【※ご注意】e-shopsカートSでは以下のようにコメントアウトのご登録が必須です。

初期状態のタグ

<!– Global site tag (gtag.js) – Google Analytics –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-XX”></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag(‘js’, new Date());
 gtag(‘config’, ‘UA-XXXXXXXX-XX‘);
</script>

上記のコード「gtag(‘js’, new Date・・・」からの 6行目から８行目 を、以下に変更します。

変更する部分

gtag(
        ‘set’,
        ‘linker’, {
           ‘domains’: [‘ショップドメイン‘, ‘ec-sites.jp’],
           ‘decorate_forms’:true
        }
);
gtag(‘js’, new Date());
gtag(‘config’, ‘UA-XXXXXX-X‘);
</script>

UA-XXXXXXXX-XXはご自身のトラッキングID、ショップドメインにはクロスドメイン対象のドメインに置き換えてください。

参照元の除外

過去のブログ≪UniversalAnalytics対応について≫でもご案内させていただいたことがございますが、画面のデザインが一部変わっていたり、おさらいも兼ねて、改めてご説明します。

【※ワニタ環境での事例となります。】

クロスドメインの対象となるドメインを参照元除外URLとして設定します。

除外するURL：app.ec-sites.jp　cart.ec-sites.jp

アナリティクスの設定にて、対象のプロパティのトラッキング情報→参照元除外リストをクリックします。タグの記述を変えただけでは、参照元に別ドメインの自分のサイトのドメインが出てきてしまいますが、参照元除外設定を行う事で、「ユーザーがどこから来たか」を正しく計測できます。

管理＞プロパティ＞トラッキング情報＞参照元除外リストにて、先ほどの2ドメインの除外設定を追加します。

フィルタの追加

フィルタの作成を行なうことで、アナリティクスのレポートの表示やカウントを以下のように識別することができます。

例：「/index.html」　→　「https://abc.com/index.html」

以下の画像をご参考として下さい。

「フィルタを追加」をクリックします。

フィルタ名を入力し、「フィルタの種類」は「カスタム」を選択します。

「詳細」を選択し、以下のように入力します。

フィールドＡ　->　引用Ａ	選択肢：ホスト名　　入力値：(.*)
フィールドＢ　->　引用Ｂ	選択肢：リクエストURl　入力値：(.*)
出力先　->　構成	選択肢：リクエストURl　入力値：$A1$B1
フィールドＡは必須	はい
フィールドＢは必須	いいえ
出力フィールドをオーバーライド	はい
大文字と小文字を区別	いいえ

特定URLでの計測の除外方法

クロスドメイン用のトラッキングコードをe−shopsカートSの管理画面に登録をすると、e-shopsカートS側で生成する全てのページがトラッキング対象となります。トラッキング対象となるページは以下の様なものがあります。

• 購入手続き画面
• マイページ
• 在庫表ページ
• レビューページ
• 特定商取引法のページ

全ての情報をレポートで表示する場合には、必要ありませんが、レポートに含めたくないページなどがあれば以下のように設定します。

例：マイページをレポートから除外する場合

Analyticsの設定にて、以下をクリックします。

続いて「フィルタを追加」をクリックします。

以下画像のように設定します。

フィルタの種類→定義済み	除外
サブディレクトリへのトラフィック	前方が一致
サブディレクトリ	PCデザイン cart.ec-sites.jp/cart_step●/mypage/ （●部はショップ様毎に異なります。）	レスポンシブデザイン cart.ec-sites.jp/sp_step●/mypage/ （●部はショップ様毎に異なります。）

以上を保存することで、マイページへのアクセスはレポートから除外されます。

e-commerceTrakingの対応について

アナリティクス設定で、「eコマースの設定」をクリックします。

e コマースの有効化を行ないます。下図のように「オン」を選択し「保存」をクリックします。

【※ご注意】e-shopsカートSでは拡張eコマースには非対応となります。

e-shopsカートS側の設定

グローバルサイト用のトラッキングコードを、管理画面「販売管理」＞「Google Analytics 設定」にて入力することで、購入完了画面にて、グローバルサイトタグのeコマース用の情報が出力がされるようになっています。特別な作業はありません。

目標設定について

アナリティクス設定で、「目標」をクリックします。

「＋新しい目標」をクリックします。

「カスタム」を選択し、「続行」をクリックします。

わかりやすく名前を「購入完了」などとし、「到達ページ」を選択＋「続行」をクリックします。

以下の図の様に入力し、「保存」をクリックします。

▼ゼロステップカートの場合

目標到達ページや目標到達プロセスには以下を入力します。（e-shopsカートSのゼロステップカートの場合）

目標の詳細＞到達ページ　の設定

e-shopsカートSの注文完了画面URLを入力します。

	URL入力値（XX部はショップ様毎に異なります。）
先頭が一致	cart.ec-sites.jp/sp_stepXX/sp-pc/pk04/es_shop_id/XXX/

目標の詳細＞目標到達プロセス　の設定

	URL入力値（XX部はショップ様毎に異なります。）	名前の入力
ステップ1	cart.ec-sites.jp/sp_stepXX/static/cart2/es_shop_id/XXX/	購入者情報入力画面

▼3ステップカートの場合

目標到達プロセスには以下を入力します。（e-shopsカートSの3ステップカートの場合）

目標の詳細＞到達ページ　の設定

e-shopsカートSの注文完了画面URLを入力します。

	URL入力値（XX部はショップ様毎に異なります。）
先頭が一致	cart.ec-sites.jp/cart_stepXX/pc4/pk04/es_shop_id/XXX/

目標の詳細＞目標到達プロセス　の設定

	URL入力値（XX部はショップ様毎に異なります。）	名前の入力
ステップ1	cart.ec-sites.jp/cart_stepXX/pc/kago/es_shop_id/XXX/	カゴの中身画面
ステップ2	cart.ec-sites.jp/cart_stepXX/pc1/pk01/es_shop_id/XXX/	購入手続きSTEP1
ステップ3	cart.ec-sites.jp/cart_stepXX/pc2/pk02/es_shop_id/XXX/	購入手続きSTEP2
ステップ4	cart.ec-sites.jp/cart_stepXX/pc3/pk03/es_shop_id/XXX/	購入手続きSTEP3

以上でクロスドメイントラッキングの設定は完了です。ご参考となれば幸いです♪