508 人が現在オンライン
508 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭

Webサイトの問い合わせ完了ページのURLの後ろに動的に生成されて付与される問い合わせIDをGoogleアナリティクスへeコマースのトランザクションIDとして反映させたいと思っています。

 

問い合わせ完了ページのURLのイメージは以下のようなものです。赤字部分が動的に付与される問い合わせIDです。

https://abcdefg.jp/contact/complete.php?id=***********************

 

GoogleアナリティクスのタグはGoogleタグマネージャーで機能させています。

そこで、Googleタグマネージャーでこれを実施したいのですが、方法を教えていただけますでしょうか?


受理された解決策
ベストアンサーのマーク済み.
解決策
トピック作成者まるさんが付与
7月

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭

まる さん

 

eコマースデータがカウントされるようになってよかったです。

 

販売実績にデータが表示されないのは、
「販売データがないから」となります。

 

例えば、購入金額合計や商品単価など。

これらの数字を仮入れしますと、販売実績にもデータが表示されるようになります。

 

サンプルのeコマースデータレイヤー変数を記載いたします。

赤文字が販売実績にデータ表示するのに必要なデータです。

 

 

function() {
	var ecommerceData;

	ecommerceData = {
		'ecommerce': {
			'purchase': {
				'actionField': {
					'id': '{{問い合わせID}}',
					’revenue': '1'  // 通常は購入合計金額
				},
				'products': [{
					'name': 'サービスへの問い合わせ',
					'price': '1',  // 通常は商品単価
					'quantity': 1  // 通常は商品の個数
				}]
			}
		}
	};

	return ecommerceData;
}

 

ご参考になりましたら幸いです。

 

 

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

元の投稿で解決策を見る


すべての返信

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭

まる ‎さん

 

GTMを利用されているのでしたら、

以下の方法にて対応可能です。

 

1.変数で問い合わせIDを取得(変数タイプ:URL)

   ※id というパラメータがURLに一つしか存在しない前提。

2.1の変数をGTMで設置するeコマース用タグのトランザクションIDに入れる。

 

1の変数は、このような内容でOKです。

https://gyazo.com/97be0ee20e4eda16e47a29c7032402a6

 

2は、現在のGTMでeコマース対応できているのであれば、

対応できているeコマースのトランザクションIDに

1で作成の変数を入れるようにすればOKです。

 

現在のGTMでeコマース対応できていなければ、

別途対応するよう設定が必要です。

 

ご参考になりましたら幸いです。

 

 

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭
tatsuma1484さん

お返事が遅くなりまして申し訳ありません。
ご回答をくださりありがとうございます。
「1」の変数の設定についてよくわかりました。ありがとうございます。
「2」について、GTMでeコマース対応をさせる方法について詳しく教えていただくことは可能でしょうか?

GTMで現在設定しているのは、Googleアナリティクスのタグをすべてのページに発火させるという単純な設定のみの状況です。

何卒お願い致します。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭

まる さん

 

GTMでeコマース対応する方法はいくつかあるのですが、

基本的な方法としては、

データレイヤー変数を完了ページに書き出して

GTM内のGAタグにデータレイヤー変数を読み込ませます。

 

●データレイヤー変数(拡張eコマース用)

 ※GAで通常eコマースをオンにしていてもeコマースデータは表示できます。

 

GTMタグよりも前(上)に書き出す必要があります。

★と●に動的にデータを入れて書き出す必要があります。

★は必須データです。

1回の完了で複数の商品・サービスがある場合は、products のとこの内容を複数書き出す必要があります。

 

 

<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
	'ecommerce': {
		'purchase': {
			'actionField': {
				'id': '★',				// ★注文番号
				'affiliation': '店名まはたショップ名',	// 店名、ショップ名
				'revenue': '●',			// 総取引金額(税金と送料を含む)
				'tax': '●',				// 税金
				'shipping': '●',			// 送料
			},
			'products': [{
				'name': '★',				// ★商品名
				'id': '★',				// ★商品番号。SKUなど。
				'price': '●',				// 商品価格
				'brand': '●',				// 商品のブランド
				'category': '●',			// 商品が属するカテゴリ(例: アパレル)。区切り文字として「/」を使って最大 5 レベルの階層を指定できます(例: アパレル / 男性用 / T シャツ)。
				'quantity': ●,				// 商品の購入数
			}]
		}
	}
});
</script>

 

●GTMのGAタグ設定対応

eコマース > 拡張eコマース機能を有効にするを「真」にする。

データレイヤーを使用するを「オン」にする。

 

https://gyazo.com/e0cc69537d49a83ec372b3fc4f9f0e9e

 

上記(特にデータレイヤー変数の書き出し)が対応できない場合、

別の方法にて対応が必要になります。

 

別の方法ですと、もっとサイト状況(できること、できないことなど)の情報をいただけますと、

何かしらアドバイスができます。

 

ご確認のほどよろしくお願いいたします。

 

 

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭
tatsuma1484さん

とても詳しくご回答くださりありがとうございます。
完了ページにデータレイヤー変数を書き出す方法以外に、例えば、GTM上のタグ設定のみで対応する方法はありますでしょうか?
サイト制作を外部の制作会社さんへ委託しているのですが、できれば自社でできる作業のみで完結できればなと希望しております(GTMは自社で管理しております)。
GTMのタグを全ページに設置する作業のみ制作会社さんに実施いただき、GAタグの発火は自社でGTMで設定したという状況です。
完了ページのソースに変更を加える作業(制作会社さんに実施してもらう必要のある作業)はいずれの方法をとるにしても発生しますでしょうか?

どうかアドバイスくださいますようお願い申し上げます。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭
まる さん

前提条件がすべてそろっている場合に限りますが、
GTM上のタグ設定のみで対応する方法はあります。

前提条件1
まず第一にGTM(の変数)に完了ページの情報(商品IDや商品名などeコマースに必要な情報ですね)を
取り込み(取得)できること。

前提条件2
取得した情報を使って、Javascript でデータレイヤー変数を成形するコーディングができること。


前提条件1は、GTM内のGAタグにeコマースデータを渡して、このGAタグからGA(サーバー)にデータを送らないといけませんので、
そもそもGTMが必要な情報を取得できることは必須です。

このGTMが情報を取得できるようにするために、基本的にはページのソースにデータを書き出すのですが、
(javascript変数であったり、JSONデータであったりです。)
HTML情報からでもなんとかして取得できる可能性はあります。
※そもそも eコマースに必要な購入情報がHTMLコード内にあることが絶対条件です。

例えば、購入情報のそれぞれが、id か class の付いたタグでコーディングされていれば、
この id か class を元にGTMでデータ取得できます。

例)
注文番号:<li id="cv_id">12345</li>
商品名:<li class="product_name">商品A</li>

完了ページのソースコードを確認しながら、
データ取得できるように取得方法を考えることになります。


前提条件2は、購入時の商品パターンが1つであれば難しい javascript では必要ありません。
GA仕様のデータレイヤー変数の形に取得した情報を入れ込むだけです。

問題はパターンが複数ある場合です。
例えば、一度の購入で2つの商品が購入された場合などです。
データレイヤー変数に products という商品データの箇所があるのですが、
このデータを2つ成形しないといけません。
javascript で for文 といった繰り返し処理で、この対応をしたりします。
このあたりが Javascript コーディングしたことがない方ですと難しいと思います。

GTMでのタグ設定、変数作成では細かい注意事項がいくつもありますが、
GTM上のタグ設定のみで対応する方法は、大筋としては上記の内容となります。

ご参考になりましたら幸いです。

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭
tatsuma1484 さん

とても詳細にご回答くださりありがとうございます。

前提条件1
まず第一にGTM(の変数)に完了ページの情報(商品IDや商品名などeコマースに必要な情報ですね)を
取り込み(取得)できること。

→こちらにつきまして、完了ページのHTMLコード内には現状、IDが反映されていない状態でした。
 完了ページのURLにパラメーターとしてIDが付与されるのみの状態です。


前提条件2
取得した情報を使って、Javascript でデータレイヤー変数を成形するコーディングができること。

→こちらにつきましては、測定したいパターンは1つです(サービスへの問い合わせ)。


ということは、GAのトランザクションIDに問い合わせIDを反映させるためには、いずれにせよ制作会社さんへ以下のどちらかを依頼することが必要ということになりますでしょうか?

・完了ページにデータレイヤー変数を書き出す
 もしくは
・完了ページのソースコードに問い合わせIDを反映させるようにコーディングしてもらう


理解が不足しておりましたらすみません。ご教示くださいましたら幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭
まる さん

そうでした。URLに問い合わせIDがあるのでした。
失念しており失礼しました。

測定パターンが1つだけであれば、
GTMだけで対応も可能です。

情報をまとめさせていただくのに
少しお時間をいただけますと幸いです。
1〜2日 のうちにはお送りします。

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭

まる さん

 

以下、対応の具体的な内容になります。

 

1.変数で問い合わせIDを取得(変数タイプ:URL)
  ※id というパラメータがURLに一つしか存在しない前提。
2.1の変数が挿入された「eコマース用データレイヤー変数」を作成

 (変数タイプ:カスタム JavaScript)

3.eコマース計測用のGAタグの設定に、2 の変数を指定

4.GAタグに設定しているトリガーのトリガーの種類を「DOM Ready」にする

 

1https://gyazo.com/97be0ee20e4eda16e47a29c7032402a6

変数名: 問い合わせID

変数タイプ: クエリ

クエリキー: id

 

2https://gyazo.com/e745eb88a464c86f31691e6c2d6d6be9

変数タイプ: 

コード:

 

function() {
	var ecommerceData;

	ecommerceData = {
		'ecommerce': {
			'purchase': {
				'actionField': {
					'id': '{{問い合わせID}}'
				},
				'products': [{
					'name': 'サービスへの問い合わせ'
				}]
			}
		}
	};

	return ecommerceData;
}

 

3.https://gyazo.com/db0ed88008e6cc4c8a1a9b1fca7ac70c

GAタグ 詳細設定 > eコマース の

拡張 e コマース機能を有効にする: チェック入れる

データレイヤーを使用する: チェックしない

変数のデータを読む: {{eコマースデータレイヤー変数}} を選択

 

1 と 2 の変数は、データをインポートするだけで作成完了する

インポートファイルを作成しました。

よろしければお使いください。

 

● インポート方法 ●

GTMの管理タグをクリックし、コンテナの列の「コンテナをインポート」をクリック

インポートするファイルを選択して、必要事項を選択するだけでOKです。

https://gyazo.com/414f1455b933b4dfc72e725153c7cfb8

ファイルを選択: 当コメントに添付してあるファイル

ワークスペースを選択: 既存  Default Workspace

インポート オプションを選択: 統合

               「矛盾するタグ、トリガー、変数の名前を変更します。」を選択

 

変数のところ(黄色)の

更新される数 と 削除される数 がゼロであることを確認して、

「確認」ボタンをクリック。

 

以上となります。

もし、うまくいかない場合は、ご連絡いただけますと幸いです。

 

 

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭
tatsuma1484さん

ありがとうございます。早速試してみて、テストコンバージョンをしてみました。1日空けてみたのですが、GAのeコマースの画面にはトランザクションデータが反映されませんでした。

GTMとGAの現在の設定状況をお伝えしますので、おかしなところがありそうかご覧いただけますでしょうか?
現在の設定状況は以下の通りです。

【サイトのタグの発火ページは次の通りです】

GTMにて以下の2つのタグを設定しています。

(1)全てのページ(完了ページを含む)にGAタグを発火

(2)完了ページのみにeコマース計測用のGAタグ(※1)を発火


【(※1)のeコマース計測用のGAタグの設定は次のようにしています】

■タグタイプ:ユニバーサルアナリティクス
■トラッキングタイプ:トランザクション
■Googleアナリティクス設定:{{GA_eコマース計測用}}(※2)

 (※2)の変数は以下のように設定しています。
  
  変数の種類:Googleアナリティクス設定
  トラッキングID:UA-********(GAのID)
  Cookieドメイン:auto
  詳細設定のeコマース:拡張eコマース機能を有効にするにチェック
             データレイヤーを使用するはチェックなし
             変数のデータを読む:({{eコマースデータレイヤー変数}}(※3)
              
 (※3)の変数は以下のように設定しています。
              
  変数の種類:カスタムJavaScript
-------------------------------------------------------------------
function() {
var ecommerceData;

ecommerceData = {
'ecommerce': {
'purchase': {
'actionField': {
'id': '{{問い合わせID}}'
},
'products': [{
'name': 'サービスへの問い合わせ'
}]
}
}
};

return ecommerceData;
}
-------------------------------------------------------------------

 ※上記コード中の{{問い合わせID}}の変数は以下の用に設定しています。

 変数の種類:URL
 要素タイプ;クエリ
 クエリキー:id


【GAの方の設定は次のようにしています】

管理>ビュー>eコマースの設定

eコマースを有効にします
 ステータス:オン
 関連商品の有効化:オン

拡張eコマースの設定
 拡張 e コマースのレポートを有効化:オン



以上が現在の設定状況となります。
何かおかしなところはありそうでしょうか?
また、気が付いたのですが、完了画面のURLは、
https://abcdefg.jp/contact/complete.php?id=***********************
ではなく、
https://abcdefg.jp/contact/complete.php?comp_id=***********************
でした。
この間違いも関係していそうでしょうか?


たびたびお手数をおかけ致しますが、どうぞ宜しくお願い致します。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭
まる さん

回答のご確認とご返信ありがとうございます。
GAタグ設定、変数の内容を少し修正する必要があります。

回答での情報不足恐れ入ります。
次の点を対応していただけますか?

●対応1
(1)全てのページGAタグ に 除外トリガーとして完了ページを設定

●対応2
(2)完了ページGAタグ の 設定(※1)のトラッキングタイプを「ページビュー」に変更

●対応3
{{問い合わせID}}の変数は、クエリキーを comp_id に変更

ご確認、ご対応のほどよろしくお願いいたします。

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭
tatsuma1484さん

ご回答ありがとうございます。
お教えいただいた修正点3つを実施したところ、
GAの
コンバージョン>eコマース>概要
の画面の
「トランザクション数」の欄に数字がカウントされるようになりました。
ありがとうございます。

ただ、
コンバージョン>eコマース>販売実績
の画面の
「トランザクションID」の欄にはIDは反映されておりませんでした。

大変お手数をおかけして申し訳ございませんが、
改善策がわかればお教えいただけますでしょうか?
ベストアンサーのマーク済み.
解決策
トピック作成者まるさんが付与
7月

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭

まる さん

 

eコマースデータがカウントされるようになってよかったです。

 

販売実績にデータが表示されないのは、
「販売データがないから」となります。

 

例えば、購入金額合計や商品単価など。

これらの数字を仮入れしますと、販売実績にもデータが表示されるようになります。

 

サンプルのeコマースデータレイヤー変数を記載いたします。

赤文字が販売実績にデータ表示するのに必要なデータです。

 

 

function() {
	var ecommerceData;

	ecommerceData = {
		'ecommerce': {
			'purchase': {
				'actionField': {
					'id': '{{問い合わせID}}',
					’revenue': '1'  // 通常は購入合計金額
				},
				'products': [{
					'name': 'サービスへの問い合わせ',
					'price': '1',  // 通常は商品単価
					'quantity': 1  // 通常は商品の個数
				}]
			}
		}
	};

	return ecommerceData;
}

 

ご参考になりましたら幸いです。

 

 

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

初級者 ✭ ✭
tatsuma1484さん

お教えいただいた通りに修正したところ、問題なく販売実績に問い合わせIDが反映されました。
一つひとつ大変丁寧に教えてくださり、本当に助かりました。
ありがとうございました!

Re: GoogleタグマネージャーでGoogleアナリティクスのeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭
まる さん

データ計測できるようになり良かったです!

Tatsuma Ishibashi
※問題が解決できた際は、参考になった回答の「✓解決策マークを付ける」をクリックいただけると幸いです。