1. オンラインマニュアル
  2. 管理画面メニュー別ガイド
  3. [設定]メニュー
  4. プロモーション
  5. 測定タグ設定(Google Analytics eコマース分析)
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
管理画面メニュー別ガイド
決済機能について
外部連携・フィード・API
一括登録・一括取得
オプション
  • フューチャーカートリカバリー
  • futureサジェストリンク
  • futureRecommend2
その他
  • セキュリティ対策について
コマースクリエイター構築リファレンス
  • はじめてのコマースクリエイター
  • 画像登録
  • コマースクリエイターへの移行
<ご契約状況管理画面の使い方>
  • 契約管理ポータル

測定タグ設定(Google Analytics eコマース分析)

Google Analytics eコマース分析

Google Analytics4への移行に伴い、本タグでの測定は、2023年6月までとなります。

Google Analytics4への移行対応についてもご参照ください。

拡張eコマース分析との併用は不可となります。

タグ設置例をご紹介しています。最新のタグはサービス提供元にお問い合わせください。

コマースクリエイターと以前からの管理画面の「任意測定タグ」「任意アフィリエイト」では、利用できる置換文字が異なります。
移設の際にはプロモーション管理(測定タグ) 置換文字対照表をご参照ください。

測定タグ設定

【事前準備】Google Analyticsを設定する

GoogleアナリティクスはGoogle社の提供するアクセス解析システムです。別途、Googleアナリティクスの利用設定が必要です。
事前にGoogle Analyticsのアカウントを取得し、以下の設定を行ってください。

Googleアナリティクスヘルプもご覧ください。

目標を設定

Google Analyticsの管理>ビュー>目標を設定してください。
注文完了ページを設定する場合、以下のように入力します。

  1. 目標設定で「新しい目標」を選択の上、「テンプレート」を選択し、「収益>注文」を選択
  2. 目標の説明に「注文完了」と入力し、タイプ「到達ページ」を選択
  3. 目標の詳細で到達ページに「先頭が一致 [/p/checkout/success]」と入力
  4. 目標到達プロセスで「ステップ1 [注文手続き] [/p/checkout]」と入力

利用設定

「利用する」にチェックします。

設定名

「GA eコマース分析」と入力します。

アカウント名

「UA-」から始まるトラッキングIDを入力してください。
Googleアナリティクスの管理画面>管理>プロパティ>トラッキング情報からトラッキング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 %}'
});