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

アナリティクスの拡張eコマースでトラキングコードを実装する方法について

初級者 ✭

早速ですが、商品詳細ページを参照した際に以下のトラッキングコードを追加して、ショッピング行動の分析でデータが反映されている事を確認しました。

次に商品がカートに追加された際に ga('ec:setAction', 'detail') から ga('ec:setAction', 'add') に書き換えようとしているのですが、カートページにトラッキングコードを挿入しておいて、最後に追加された商品だけをアナリティクス側へ送るというやり方は間違ってますでしょうか?

 

ご教授の程、よろしくお願い申し上げます。

 

/*=== 商品詳細ページ用 ===*/

ga('require', 'ec');
ga('ec:addProduct', {
'id': '商品番号',
'name': '商品名前',
'category': '',
'brand': 'ブランド',
'variant': 'カラー'
});
ga('ec:setAction', 'detail');


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

Re: アナリティクスの拡張eコマースでトラキングコードを実装する方法について

レジェンド

Dodeka Horn さん

 

>商品がカートに追加された際に ga('ec:setAction', 'detail') から ga('ec:setAction', 'add') に書き換えようとしているのですが、
>カートページにトラッキングコードを挿入しておいて、最後に追加された商品だけをアナリティクス側へ送るというやり方は間違ってますでしょうか?

商品がカートに追加された際(カート追加ボタンクリックなど)に、カート追加の拡張eコマースコードを実行するのではなく、

カートページを表示して、カート追加の拡張eコマースコードを実行されようとしてますでしょうか?

 

細かい内容・意向が把握できないため何とも言えませんが、

通常、拡張eコマースの【カート追加】は、

商品一覧ページ、もしくは商品詳細ページで、「カート追加ボタン」がクリックされたら「カート追加の拡張eコマースコード」を実行

これが基本の実装方法となります。

 

GAの基本コード

 

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

までがページに書き出されている(コードが実行されている)状態で、

 

以下のコードを onclick などのイベントハンドラーで実行

※以下のコードをそのまま使用しても計測はできません。

 自社に合わせてカスタムが必要です。

 

function addToCart(product) {
  ga('ec:addProduct', {
    'id': product.id,
    'name': product.name,
    'category': product.category,
    'brand': product.brand,
    'variant': product.variant,
    'price': product.price,
    'quantity': product.qty
  });
  ga('ec:setAction', 'add');
  ga('send', 'event', 'UX', 'click', 'add to cart');     // Send data using an event.
}

 

 

例えば、

 

<input type="button" value="カート追加" onclick="addToCart(product)">

でカート追加用のコードを呼び出す

などです。

 

 

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

 

 

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

元の投稿で解決策を見る


すべての返信
ベストアンサーのマーク済み.
解決策
トピック作成者Dodeka Hornさんが付与
12月

Re: アナリティクスの拡張eコマースでトラキングコードを実装する方法について

レジェンド

Dodeka Horn さん

 

>商品がカートに追加された際に ga('ec:setAction', 'detail') から ga('ec:setAction', 'add') に書き換えようとしているのですが、
>カートページにトラッキングコードを挿入しておいて、最後に追加された商品だけをアナリティクス側へ送るというやり方は間違ってますでしょうか?

商品がカートに追加された際(カート追加ボタンクリックなど)に、カート追加の拡張eコマースコードを実行するのではなく、

カートページを表示して、カート追加の拡張eコマースコードを実行されようとしてますでしょうか?

 

細かい内容・意向が把握できないため何とも言えませんが、

通常、拡張eコマースの【カート追加】は、

商品一覧ページ、もしくは商品詳細ページで、「カート追加ボタン」がクリックされたら「カート追加の拡張eコマースコード」を実行

これが基本の実装方法となります。

 

GAの基本コード

 

ga('create', 'UA-XXXXX-Y');
ga('require', 'ec');

までがページに書き出されている(コードが実行されている)状態で、

 

以下のコードを onclick などのイベントハンドラーで実行

※以下のコードをそのまま使用しても計測はできません。

 自社に合わせてカスタムが必要です。

 

function addToCart(product) {
  ga('ec:addProduct', {
    'id': product.id,
    'name': product.name,
    'category': product.category,
    'brand': product.brand,
    'variant': product.variant,
    'price': product.price,
    'quantity': product.qty
  });
  ga('ec:setAction', 'add');
  ga('send', 'event', 'UX', 'click', 'add to cart');     // Send data using an event.
}

 

 

例えば、

 

<input type="button" value="カート追加" onclick="addToCart(product)">

でカート追加用のコードを呼び出す

などです。

 

 

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

 

 

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

Re: アナリティクスの拡張eコマースでトラキングコードを実装する方法について

初級者 ✭
Tatsuma Ishibashi 様
ご回答いただき誠にありがとうござます。

頂いたサンプルコードを元に検索していたところ、ドキュメント「拡張 e コマース」が見つかりました。
ドキュメントを読んでわかりました。
基本的には、クリックイベントを発火させて、トラッキングコードをアナリティクスに送ればよかったんですね。

参考になりました。