Google Tag Manager 経由での Google Analytics 管理に対応した、eコマース/拡張eコマースタグおよびGA4タグ設置プラグイン。通常のeコマース計測はもちろん実装の難しい拡張eコマースやGA4もこれ一つで対応!その他 User ID レポート、カスタム速度、サイト内プロモ計測などにも対応しています。
Google Analytics の拡張eコマース/eコマース機能や新しいGA4で売上を解析したいけど設置方法が難しいと困っていませんでしたか? このプラグインを導入すると、拡張eコマース/eコマース機能/GA4の面倒なタグ設置が簡単に完了します。その他にも User ID ビューやカスタム速度レポート、サイト内プロモ計測など、GA設置時に導入しておきたい様々な機能にも対応しております。
また、GAタグの発行は全て Google Tag Manager 経由で管理するので、GAに対する様々な設定変更も Tag Manager から実施可能です。
Google Analytics を使ってショップの売上の分析をしたいと思っている方はぜひ利用してみてください。
[拡張 e コマース アクティビティの測定]
本プラグインの拡張 e コマース実装では、次のようなアクションが測定されます。
・商品インプレッション
・商品プロモーションのインプレッションとクリック
・決済プロセス
・商品購入
※カード購入等の決済プラグインをご利用の場合は、購入完了後のに ec-cube へページ遷移するもののみ計測可能です。
[GA4 eコマース計測]
本プラグインのGA4 e コマース実装では、次のイベントが計測可能です。
・view_item
・view_item_list ※1
・add_to_cart
・begin_checkout
・confirmation ※2
・purchase
・mypage ※3
・mypage_login ※3
・sign_up ※3
・sign_up_confirm ※3
・sign_up_initiated ※3
・shopping_login ※3
・shopping_nonmember ※3
※1: view_item_list は ec-cube の仕様上インプレッション計測のみ対応。
※2: confirmation は GA4 標準イベントではありませんが、ec-cube 決済プロセスの「購入確認ページ」で挿入されます。
※3 v2.2.0 より追加イベント計測に対応。下の event名とURLのmatrixを参照してください。
[ユーザIDトラッキング]
ユーザIDトラッキングを使用すると、個人を特定できない永続的な固有の文字列 ID でユーザーを表すことにより、複数のデバイスをまたいでセッションのグループを解析できます。
これにより、例えば「スマートフォンでサイト閲覧後にPCで商品購入を行った」など、従来の Google Analytics ではトラックできなかった情報まで解析が可能になります。
[カスタム速度]
カスタム速度レポートを利用すると、GA使用してウェブ上のリソースの読み込みにかかる時間(待ち時間)を測定する事が可能になります。
※本機能は Navigation Timing API を利用しています。
[インプレッション計測]
関連商品プラグインと連動し、商品インプレッションの計測を行います。
次の2オプションから選択
・商品詳細ページの主商品
・商品詳細ページの主商品および関連商品(関連商品プラグイン併用時のみ)、検索結果ページ、カテゴリページ、お気に入りページ
[カスタムリファラトラッキング]
カスタムリファラを設定すると、サイト内からプロダクト詳細ページへの流入に加え、特定にリファラ文字列にマッチした流入元を個別に計測することができるようになります。
例)google.co.jp からの流入をトラックしたい場合、リファラ文字に "google.co.jp" 、トラック名称に "Google" と設定しておけば、リファラが "google.co.jp" にマッチした場合に "Google" が送信されます。
[その他]
GTMを利用しないバージョン( https://www.ec-cube.net/products/detail.php?product_id=1129 ) で利用可能であった下記機能は本プラグインから削除されています。
・ユーザ属性およびインタレストカテゴリ
・クロスドメイントラッキング
これらを利用される場合は、Google Tag Manager より設定をお願い致します。
本プラグインで eコマース/拡張eコマースを実施するためには以下の準備が必要です。
1. Google Tag Manager
Google Tag Manager がないと、eコマース/拡張eコマースタグを発行することができません。まだ アカウントを持っていない人は、
ここからアカウントを開設してください。
[Google Analytics の場合]
2. タグ設定
[Google Analytics タグ]
Track Type: Page View
Google Analytics Settings: 任意の名称の設定を作成
Triggering: Custom Event - gtmgaeec ※後述①
Google Analytics 設定
Tracking ID : あなたの GA トラッキングIDを設定してください(APPENDIX 参照)
userID : DataLayer - gaeec_user_id ※後述②
Ecommerce :
- Enable Enhanced Ecommerce Features を有効化し、Use Data Layer を選択してください。
①
gtmgaeec というトリガーを追加し、これを上記GAタグ発行の条件に設定してください。
②
gaeec_user_id という DataLayer 変数を用意し、これを上記GAタグの userId フィールドの値としてください。
[Google Analytics - カスタム速度タグ]
Track Type: Timing
Var: EC-CUBE GtmGaEEC Plugin
Category: load
Value: DataLayer - gaeec_user_timings ※後述③
Google Analytics Settings: 上記のGA設定で作成したものをそのまま流用
Triggering: Custom Event - 上記のGA設定で作成したものをそのまま流用
③
gaeec_user_timings という DataLayer 変数を用意し、これを上記GAタグの Value フィールドの値としてください。
以上でGTMの設定は完了です。プレビューで問題ないことを確認したうえで公開してください。
[GA4 の場合]
2. GA4タグ設定
Name: Google Analytics: GA4 Configuration
Track Type: Google Analytics: GA4 Configuration
Measurement ID: 貴方の GA4 メジャーメントIDを設定
Field Name:
- user_id : {{GA4 user_id}} ※後述①
- debug : true
Triggering: すべてのページ
①
user_id という DataLayer 変数を用意し、これを上記GA4タグの user_id フィールドの値としてください。
3. dataLayer を設定
以下 5つの variables を設定します
* GA4 dataLayer ecommerce.items
* GA4 dataLayer ecommerce.shipping
* GA4 dataLayer ecommerce.tax
* GA4 dataLayer ecommerce.transaction_id
* GA4 dataLayer ecommerce.value
[GA4 dataLayer ecommerce.items]
Name: GA4 dataLayer ecommerce.items
Variable Type: Data Layer Variables
Dat Layer Variable Name: ecommerce.items
[GA4 dataLayer ecommerce.shipping]
Name: GA4 dataLayer ecommerce.shipping
Variable Type: Data Layer Variables
Dat Layer Variable Name: ecommerce.shipping
[GA4 dataLayer ecommerce.tax]
Name: GA4 dataLayer ecommerce.tax
Variable Type: Data Layer Variables
Dat Layer Variable Name: ecommerce.tax
[GA4 dataLayer ecommerce.transaction_id]
Name: GA4 dataLayer ecommerce.transaction_id
Variable Type: Data Layer Variables
Dat Layer Variable Name: ecommerce.transaction_id
[GA4 dataLayer ecommerce.value]
Name: GA4 dataLayer ecommerce.value
Variable Type: Data Layer Variables
Dat Layer Variable Name: ecommerce.value
4. トリガーを設定
以下 6つの trigger を設定します
* view_item_list
* view_item
* add_to_cart
* begin_checkout
* confirmation
* purchase
[view_item_list]
Name: GA4 - view_item_list
Trigger Type: Custom Event
Event name: view_item_list
[view_item]
Name: GA4 - view_item
Trigger Type: Custom Event
Event name: view_item
[add_to_cart]
Name: GA4 - add_to_cart
Trigger Type: Custom Event
Event name: add_to_cart
[begin_checkout]
Name: GA4 - begin_checkout
Trigger Type: Custom Event
Event name: begin_checkout
[confirmation]
Name: GA4 - confirmation
Trigger Type: Custom Event
Event name: confirmation
[purchase]
Name: GA4 - purchase
Trigger Type: Custom Event
Event name: purchase
5. GA4イベントタグ設定
計測したいイベント毎にタグを作成します。ここでは以下6つのイベントの計測タグを追加します。
* view_item_list
* view_item
* add_to_cart
* begin_checkout
* confirmation
* purchase
[view_item_list]
Name: GA4 Event - view_item_list
Track Type: Google Analytics: GA4 Event
Configuration Tag: 4で作成した GA4 Configuration を指定
Event Name: view_item_list
Parameter Name: items
Value: {{GA4 dataLayer ecommerce.items}}
Trigger: GA4 - view_item_list
[view_item]
Name: GA4 Event - view_item
Track Type: Google Analytics: GA4 Event
Configuration Tag: 4で作成した GA4 Configuration を指定
Event Name: view_item
Parameter Name: items
Value: {{GA4 dataLayer ecommerce.items}}
Trigger: GA4 - view_item
[add_to_cart]
Name: GA4 Event - add_to_cart
Track Type: Google Analytics: GA4 Event
Configuration Tag: 4で作成した GA4 Configuration を指定
Event Name: add_to_cart
Parameter Name: items
Value: {{GA4 dataLayer ecommerce.items}}
Trigger: GA4 - add_to_cart
[begin_checkout]
Name: GA4 Event - begin_checkout
Track Type: Google Analytics: GA4 Event
Configuration Tag: 4で作成した GA4 Configuration を指定
Event Name: begin_checkout
Parameter Name: items
Value: {{GA4 dataLayer ecommerce.items}}
Trigger: GA4 - begin_checkout
[confirmation]
Name: GA4 Event - confirmation
Track Type: Google Analytics: GA4 Event
Configuration Tag: 4で作成した GA4 Configuration を指定
Event Name: confirmation
Parameter Name: items
Value: {{GA4 dataLayer ecommerce.items}}
Trigger: GA4 - confirmation
[purchase]
Name: GA4 Event - purchase
Track Type: Google Analytics: GA4 Event
Configuration Tag: 4で作成した GA4 Configuration を指定
Event Name: purchase
Parameter Name: items
Value: {{GA4 dataLayer ecommerce.items}}
Parameter Name: shipping
Value: {{GA4 dataLayer ecommerce.shipping}}
Parameter Name: tax
Value: {{GA4 dataLayer ecommerce.tax}}
Parameter Name: transaction_id
Value: {{GA4 dataLayer ecommerce.transaction_id}}
Parameter Name: value
Value: {{GA4 dataLayer ecommerce.value}}
Parameter Name: currency
Value: JPY ※ ec-cube を日本円以外の通貨で運用の場合は
通貨リファレンスに従い適切なコードを設定してください。
Trigger: GA4 - purchase
以上で設定は完了です、GTM タグを publish してください。
NOTE:
v2.2.0 より追加された mypage, mypage_login, sign_up, sign_up_confirm, sign_up_initiated, shopping_login, shopping_nonmember イベントはそれぞれ以下のページの dataLayer に盛り込まれております。GTMに設定して計測にご利用くださいませ。
ログイン完了の計測も可能です。ただしこちらは GTM 上の開発が伴うため有償対応としております。お気軽にご相談ください。
| Event名 | URL | ノート |
|---|
| mypage | /mypage | マイページ表示 |
| mypage_login | /mypage/login | 通常のログインページ表示 |
| sign_up | /entry/complete | 新規会員登録 完了 |
| sign_up_confirm | /entry | 新規会員登録 入力内容確認 |
| sign_up_initiated | /entry | 新規会員登録ページ表示 |
| shopping_login | /shopping/login | 購入からのログインページ表示 |
| shopping_nonmember | /shopping/nonmember | ゲスト購入ページ表示 |
この商品に対するお客様の声
