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 コマース実装では、次のようなアクションが測定されます。
・商品インプレッション
・商品プロモーションのインプレッションとクリック
・決済プロセス
・商品購入
[GA4 eコマース計測]
本プラグインのGA4 e コマース実装では、次のイベントが計測可能です。
・view_item
・view_item_list
・add_to_cart
・begin_checkout
・confirmation ※1
・purchase
※1: confirmation は GA4 標準イベントではありませんが、ec-cube 決済プロセスの「購入確認ページ」で挿入されます。
[ユーザ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 の場合]
4. GA4タグ設定
Name: Google Analytics: GA4 Configuration
Track Type: Google Analytics: GA4 Configuration
Measurement ID: 貴方の GA4 メジャーメントIDを設定
Triggering: すべてのページ
5. 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
6. トリガーを設定

以下 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
7. 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 してください。