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

グーグルタグマネージャにeコマースの設定をする方法について

上級者 ✭

お世話になっております。

件名の通り「グーグルタグマネージャにeコマースの設定をする方法について」のご相談となります。

https://support.google.com/tagmanager/answer/6107169」のヘルプを見て設定しようとしているのですが、

グーグルアナリティクス自体をタグマネージャーで管理しているわけではありません。

(ページに直でアナリティクスを設定しています)

その場合、eコマースだけをタグマネージャで動作させることはできるのでしょうか?

アナリティクスをタグマネージャで動作させてる前提で、eコマースなども設定できるものなのでしょうか?

教えていただければ幸いです。

 

Re: グーグルタグマネージャにeコマースの設定をする方法について

プロフェッショナル ✭ ✭ ✭
GronG T さん

>eコマースだけをタグマネージャで動作させることはできるのでしょうか?
可能です。
タグの重複発火にさえ気をつければ大丈夫です。
※管理上やミス・漏れ等が発生しやすいため、オススメできない方法ではあります。

タグマネージャでeコマース対応するページには、アナリティクスタグを直貼りせず
タグマネージャのタグを設置。
あとは、タグマネージャーにてeコマース計測できるよう設定対応すればOKです。

>アナリティクスをタグマネージャで動作させてる前提で、eコマースなども設定できるものなのでしょうか?
可能です。
eコマースタグを発火させるページにデータレイヤーが書き出されている
 か
タグマネージャーがeコマースに必要なデータを取得できるようになっている
ことが大前提にはなります。

データレイヤーの参照情報:
https://support.google.com/tagmanager/answer/6164391?hl=ja

eコマースに必要なデータ:
トランザクションID(注文ID)や商品ID、商品名、商品個数など。
トランザクションID は必ず必要です。
他のデータは、データインポートにてあとからGAに入れることもできますが、
トランザクションID がなければ eコマース計測はできません。
※標準eコマースでは、さらにアイテム名(商品名など)も必須でいります。

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

Re: グーグルタグマネージャにeコマースの設定をする方法について

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

GronG T さま

 

Google Tag Managerでeコマースを実装する場合は、dataLayer変数というものに商品名や金額、トランザクションIDなどを出力する必要があります。

 

例えば 拡張Eコマースの購入完了であれば、以下のページに記載されているようなコードを購入完了ページで実装しておきます。

 

https://developers.google.com/tag-manager/enhanced-ecommerce#purchases

 

この場合、通常のページビューの計測はページに直接実装しているGAタグで計測していることから、ちょっとタグを変えるとよいです。

 

変更前

 

<script>
// Send transaction data with a pageview if available
// when the page loads. Otherwise, use an event when the transaction
// data becomes available.
dataLayer.push({
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': 'T12345',                         // Transaction ID. Required for purchases and refunds.
        'affiliation': 'Online Store',
        'revenue': '35.43',                     // Total transaction value (incl. tax and shipping)
        'tax':'4.90',
        'shipping': '5.99',
        'coupon': 'SUMMER_SALE'
      },
      'products': [{                            // List of productFieldObjects.
        'name': 'Triblend Android T-Shirt',     // Name or ID is required.
        'id': '12345',
        'price': '15.25',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Gray',
        'quantity': 1,
        'coupon': ''                            // Optional fields may be omitted or set to empty string.
       },
       {
        'name': 'Donut Friday Scented T-Shirt',
        'id': '67890',
        'price': '33.75',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Black',
        'quantity': 1
       }]
    }
  }
});
</script>

 

変更後

 

<script>
// Send transaction data with a pageview if available
// when the page loads. Otherwise, use an event when the transaction
// data becomes available.
dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': 'T12345',                         // Transaction ID. Required for purchases and refunds.
        'affiliation': 'Online Store',
        'revenue': '35.43',                     // Total transaction value (incl. tax and shipping)
        'tax':'4.90',
        'shipping': '5.99',
        'coupon': 'SUMMER_SALE'
      },
      'products': [{                            // List of productFieldObjects.
        'name': 'Triblend Android T-Shirt',     // Name or ID is required.
        'id': '12345',
        'price': '15.25',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Gray',
        'quantity': 1,
        'coupon': ''                            // Optional fields may be omitted or set to empty string.
       },
       {
        'name': 'Donut Friday Scented T-Shirt',
        'id': '67890',
        'price': '33.75',
        'brand': 'Google',
        'category': 'Apparel',
        'variant': 'Black',
        'quantity': 1
       }]
    }
  }
});
</script>

 

どこを変えたかというと、 dataLayer.push({ のすぐ下に

'event': 'purchase',

という記述を追加しています。

 

この記述があれば、Google Tag Managerのトリガー設定時に、下記のようなトリガーを設定してEコマース計測用のタグを追加すれば、購入完了時に、購入完了データを計測することができるようになります。

スクリーンショット 0029-06-06 午後10.12.31.png

_Hideki_