測定タグ設定（Google Analytics eコマース分析）
Google Analytics eコマース分析
Google Analytics4への移行に伴い、本タグでの測定は、2023年6月までとなります。
- eコマースレポートは、Google Analytics4では利用できません。
- GA4のeコマースを手動で設定するには、Google Analytics4タグをfutureshop管理画面に設定して測定する
Google Analytics4の対応についてもご参照ください。
拡張eコマース分析との併用は不可となります。
タグ設置例をご紹介しています。最新のタグはサービス提供元にお問い合わせください。
コマースクリエイターと以前からの管理画面の「任意測定タグ」「任意アフィリエイト」では、利用できる置換文字が異なります。
移設の際にはプロモーション管理（測定タグ） 置換文字対照表をご参照ください。
以下の設定を設定＞プロモーション＞測定タグ設定構築＞プロモーション管理＞測定タグ設定（コマースクリエイター）にて行ってください。
測定タグ設定
【事前準備】Google Analyticsを設定する
GoogleアナリティクスはGoogle社の提供するアクセス解析システムです。別途、Googleアナリティクスの利用設定が必要です。
事前にGoogle Analyticsのアカウントを取得し、以下の設定を行ってください。
Googleアナリティクスヘルプもご覧ください。
目標を設定
Google Analyticsの管理＞ビュー＞目標を設定してください。
注文完了ページを設定する場合、以下のように入力します。
- 目標設定で「新しい目標」を選択の上、「テンプレート」を選択し、「収益＞注文」を選択
- 目標の説明に「注文完了」と入力し、タイプ「到達ページ」を選択
- 目標の詳細で到達ページに「先頭が一致 [/p/checkout/success]」と入力
- 目標到達プロセスで「ステップ1 [注文手続き] [/p/checkout]」と入力
利用設定
「利用する」にチェックします。
設定名
「GA eコマース分析」と入力します。
アカウント名
「UA-」から始まるトラッキングIDを入力してください。
Googleアナリティクスの管理画面＞管理＞プロパティ＞トラッキング情報からトラッキングIDを転記してください。
GoogleAnalytics4の測定IDはご利用いただけません。
外部流入設定
「affiliation」を使用する場合は、広告など外部流入などのURLの末尾にパラメータをつけ、そのパラメータを「パラメータ1」に入力してください。（例 URL末尾が「page.html?sample」ならば「sample」と入力してください。）
「affiliation」を使用しない場合は、「注文完了ページ」の出力内容から「 'affiliation': '{% analytics.param1 %}',」を削除してください。
共通出力
出力設定
「<head>タグ内に出力する」を選択してください。
出力内容
こちらは「analytics.js」を使用するトラッキングコードとなります。利用の可否については、Google Analyticsのヘルプをご覧ください。
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{% analytics.account_id %}', 'auto');
ga('send', 'pageview');
</script>
注文完了ページ
出力設定
「<body>タグ内(<body>の後)に出力する」を選択してください。
出力内容
<script>
var order_id ="{% analytics.order_no %}";
ga('require', 'ecommerce');
ga('ecommerce:addTransaction', {
'id': '{% analytics.order_no %}',
'affiliation': '{% analytics.param1 %}',
'revenue': '{% analytics.purchase_price_with_options_including_tax %}',
'shipping': '{% analytics.total_postage %}'
});
{% analytics.item_info %}
ga('ecommerce:send');
</script>
商品情報置換文字の設定
ga('ecommerce:addItem', {
'id': order_id,
'name': '{% analytics.product_name %}',
'sku': '{% analytics.product.sku %}',
'category': '{% analytics.category.name %}',
'price': '{% analytics.product.price_with_options_including_tax %}',
'quantity': '{% analytics.quantity %}'
});