161 人が現在オンライン
161 人が現在オンライン
Google アナリティクスの Google タグマネージャを含む計測の設定やトラブルシュートなどについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合ってより知識を高めていきましょう。
ガイドを表示
star_border
返信

ECサイトにおけるGTMを利用したEコマースタグの設置について

[ 編集済み ]
初級者 ✭ ✭ ✭

初歩的な質問で失礼致します。

 

ECサイトの購入情報等をGA上で解析すべくEコマースタグの設置をしようとしている状態です。

 

本番環境でなく、まずテストページにて情報の取得が正しく行われるかの確認をしようとしております。

現在のGTM上での設定は下記の通りです。

 

 

 

 

 

-------以下設定---------

 

 

タグ1

タグ名 GA設置用

タイプ ユニバーサルアナリティクス

トラッキングタイプ ページビュー

配信トリガー All pages

 

タグ2

タグ名 コンバージョン取得用

タイプ ユニバーサルアナリティクス

トラッキングタイプ トランザクション

配信トリガー テストページのみ配信

 

タグ3

タグ名 データレイヤー静的テスト

タイプ カスタムHTML

配信トリガー pageview - DOM ready   かつ テストページのURLを含む際に配信

 

<script>
window.dataLayer = window.dataLayer || []
dataLayer.push({
   'transactionId': '1234',
   'transactionAffiliation': 'Acme Clothing',
   'transactionTotal': 38.26,
   'transactionTax': 1.29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'T シャツ',
       'category': 'アパレル',
       'price': 11.99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': '靴下',
       'category': 'アパレル',
       'price': 9.99,
       'quantity': 2
   }]
});
</script>

 

 

-------以上設定---------

 

上記の状態でテストページにアクセスした場合にデータが取得できるはず、、と思っておりますが上手くいって無い様です。

 

気になっているのは

①テストページ(ゆくゆくはサンクスページ)に下記のタグ1タグ3が両方あってよいのかどうか。

テストページにはタグ3だけで良いのかなー、、、とも思ってるのですが。

(間違いの為編集)

 

①テストページ(ゆくゆくはサンクスページ)に下記のタグ1タグ2が両方あってよいのかどうか。

テストページにはタグ2だけで良いのかなー、、、とも思ってるのですが。

 

 

②テストページをGTMのプレビューモードで確認するとタグ1の配信の中に

「拡張 e コマース機能を有効にする  false」という項目がある事が気になっています。

GAの設定画面では「拡張 e コマース機能を有効にする」のチェックは入れている状態です。

 

 

お力添えよろしくお願い致します。

 

 

 

 

 

Re: ECサイトにおけるGTMを利用したEコマースタグの設置について

レジェンド

satoty0307 さん

 

eコマース(データレイヤー)をGTMで対応するのは、少し難易度が高いです。

 

データレイヤーがGAタグのあとに発火している可能性がありそうですね。

データレイヤーには、event を入れ込んだほうが良いです。

こんな風↓

https://i.gyazo.com/a94a427fce60401cef6f4670d696626f.png

※拡張eコマース用のデータレイヤー(書き方)なので、少しコード内容が違います。

 

'event': 'cv'

のとこですね。

 

カスタムHTML(データレイヤー)は、テストページビューをトリガーにタグ発火させ、

GAのトランザクションタグは、カスタムイベント(上記では、cv)をトリガーにタグ発火。

 

この方法で実装されるのが良いです。

 

GAタグをDOMレディーにするという方法もありますが、

カスタムイベントを利用されるほうが、確実な計測ができる可能性が高いです。

 

①テストページ(ゆくゆくはサンクスページ)に下記のタグ1タグ3が両方あってよいのかどうか。

テストページにはタグ3だけで良いのかなー、、、とも思ってるのですが。

「タグ1 と タグ2 がともにある」の間違いでしょうか?

タグ3のデータレイヤーだけでは、GAでデータ計測できません。

 

②テストページをGTMのプレビューモードで確認するとタグ1の配信の中に

「拡張 e コマース機能を有効にする  false」という項目がある事が気になっています。

GAの設定画面では「拡張 e コマース機能を有効にする」のチェックは入れている状態です。

今お使いのデータレイヤーは、通常eコマース用になりますので、

拡張eコマース機能は有効でなくても構いません。

 

拡張eコマースを使われるのであれば、

拡張eコマース用のデータレイヤーを使われることをオススメいたします。

拡張eコマースを使わなくても、拡張eコマース用のデータレイヤーを使ったほうがいいらしいです。

私は常に拡張eコマース用のデータレイヤーを使っています。

 

●拡張eコマース用のデータレイヤー

 

<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': 'T12345',			// トランザクションID。例)受注番号 ※必須
        'affiliation': 'Online Store',	// ショップ名
        'revenue': '10000',		// 合計購入金額(税金と送料を含む)
        'tax':'4.90',				// 税金(主に消費税)
        'shipping': '5.99',			// 送料
        'coupon': 'SUMMER_SALE'		// 購入時に適用されたクーポン(名)
      },
      'products': [{				// 商品の情報(リスト)
        'name': '商品名',	              // 商品名 ※必須(商品名またはIDどちらかは必須)
        'id': '12345',				// 商品ID。例)SKU ※必須(商品名またはIDどちらかは必須)
        'price': '1000',			// 商品単価
        'brand': 'テストブランド',			// 商品のブランド
        'category': 'カテゴリー',			// 商品が属するカテゴリ(例: アパレル)。区切り文字として「/」を使って最大 5 レベルの階層を指定できます(例: アパレル / 男性用 / T シャツ)。
        'variant': 'Gray',			// 商品のバリエーション(例: 黒)。
        'quantity': 1,				// 商品の個数
        'coupon': ''				// 商品に適用されたクーポン(名)
       }]
    }
  }
});
</script>

 

 

 

 

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

 

 

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

Re: ECサイトにおけるGTMを利用したEコマースタグの設置について

初級者 ✭ ✭ ✭

ご返信ありがとうございます。

 

 

「タグ1 と タグ2 がともにある」の間違いでしょうか?

タグ3のデータレイヤーだけでは、GAでデータ計測できません。

 

間違いですすいません。

計測ページでは今件の「タグ1」「タグ2」「タグ3」

が全て必要という事ですね。ありがとうございます。

 

 


 

 

拡張eコマースを使われるのであれば、

拡張eコマース用のデータレイヤーを使われることをオススメいたします。

拡張eコマースを使わなくても、拡張eコマース用のデータレイヤーを使ったほうがいいらしいです。

私は常に拡張eコマース用のデータレイヤーを使っています。

 

 

これに関して、プレビューモードで「拡張 e コマース機能を有効にする  false」となっている現状では設定が出来ない状態だと考えております。

 

正しく拡張eコマース設定をするために「GAの設定画面にて拡張eコマースを有効にする」のチェックを入れた上で他に設定項目があるのでしょうか?

 

ネット上の参考情報を探しながら設定しているのですが、バージョンが違うのか画面が違っていたりして、、、

 

例えば

 

スクリーンショット 2017-04-14 18.37.53.jpgという解説ページを見たのですが、私の環境(現状)では下記の様な状態で「拡張eコマース」に関する設定は見当たりません。

 

スクリーンショット 2017-04-14 18.37.34.jpg

 

トラッキングタイプが「トランザクション」になっていれば良いだけなのか、、、

 

 

分からない事だらけですが、ご指導お願い致します。

 

Re: ECサイトにおけるGTMを利用したEコマースタグの設置について

[ 編集済み ]
レジェンド

satoty0307 ‎さん

出先でして、少し雑な回答になり恐れ入ります。

拡張eコマースでのデータレイヤーで対応される場合
という前提で以下、記載しますね。

●コンバージョンページにだすGAタグ(GTMでのGAタグの設定)

https://gyazo.com/ef2745d3a2a165cad71a1b9e6f003ed6
です。

トラッキングタイプは、ページビューを選択し
eコマースのとこの設定欄で「拡張eコマース」をチェックオン
です。


私のサイト環境では、事情があり
正常に計測できるようにするために、

通常のGAタグ と eコマース計測(拡張)GAタグは、
完了ページでは重複配信しないようにしています。

通常のGAタグ
 完了ページ以外のすべてのページをトリガー

eコマース計測(拡張)GAタグ
 完了ページをトリガー

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

Re: ECサイトにおけるGTMを利用したEコマースタグの設置について

初級者 ✭ ✭ ✭

お忙しい中ご回答頂きありがとうございます。

 

 

●コンバージョンページにだすGAタグ(GTMでのGAタグの設定)

 

のキャプチャの部分で「データレイヤーを使用する」のチェックは入れないで良いのでしょうか?

 

今回の設定で「ユニバーサル アナリティクス」が重複しない様、私も下記設定にしてみました。

 

タグ1

タグ名 GA設置用

タイプ ユニバーサルアナリティクス

トラッキングタイプ ページビュー

配信トリガー All pages かつ テストページは除く

 

タグ2

タグ名 コンバージョン取得用

タイプ ユニバーサルアナリティクス

トラッキングタイプ ページビュー

配信トリガー カスタムイベント 

スクリーンショット 2017-04-15 1.13.27.jpg

 

 

タグ3

タグ名 データレイヤー静的テスト

タイプ カスタムHTML

配信トリガー pageview    テストページのURLを含む際に配信

スクリーンショット 2017-04-15 1.18.06.jpg

 

 

という感じに設定しております。

 

プレビューモードで見ると

スクリーンショット 2017-04-15 1.22.10.jpg

スクリーンショット 2017-04-15 1.22.15.jpg

 

商品データレイヤー用のタグにイベント「cv」を設定して、それをトリガーにeコマースを有効にしたGAタグを読み込む、という考えで発火のタイミングも大丈夫なのかな、、と思ってます。

 

Re: ECサイトにおけるGTMを利用したEコマースタグの設置について

レジェンド
satoty0307 さん

カスタムHTMLタグでの方法をとられているのですね。

それでは、あとは タグ2 コンバージョン取得用 のタグ設定の
「データレイヤーを使用する」をチェックオンしますと
eコマースデータ計測できるようになります。

前回の投稿にて私が挙げさせていただいたのは、
カスタムJavascript変数を利用する方法でした。
(satoty0307 さんの今の方法と少し異なります)

ちなみに、dataLayer.push({ の前(上の行)には

var dataLayer = dataLayer || [];

のコードを入れておくことをオススメします。

理由に関しましては、アユダンテさんのこの記事がわかりやすいかと思います。
 ↓
dataLayerへ値を渡す記述を.pushで統一する方法|コラム アユダンテ株式会社 :
http://www.ayudante.jp/column/2017-02-07/11-19/

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

Re: ECサイトにおけるGTMを利用したEコマースタグの設置について

初級者 ✭ ✭ ✭
ご確認ありがとうございます。

「データレイヤーを使用する」をオンにし、「var dataLayer = dataLayer || [];」を追加致しました。

これで計測できているか少し待ってみようと思います。

そこが上手くいけば、データレイヤーのタグにECシステムが吐き出す購入情報の変数を入れれば良いかな、、と思っております。