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

Eコマース設定について

U
初級者 ✭

GTMのEコマース設定についてです。

下記コードをGTMのカスタムHTMLに貼り付けて、Eコマースの計測を行いたいんですが、

なぜか、うまくいきません。プレビュー上でソースコードを見てみると、タグマネージャーのコードより、

下に表示されているからだと思われるんですが、設定方法などあれば、お教え頂けないでしょうか。

やりたい事としては、実際のサイトのソースコードをいじることなく、GTM上の設定だけでEコマースの計測が

行いたいです。何かやり方などあればご教示頂けないでしょうか。

 

 sample1.jpg

sample2.jpg

 

 

■データレイヤー コード

<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 人のエキスパートが返信verified_user

Re: Eコマース設定について

Ray 注目ユーザー
注目ユーザー

Uさん、こんばんは。

 

ご認識の通りで、eコマースの送信はトラッキングコードよりも上に設置する必要があります。
それが難しい場合、過去にtatsumaさんがご回答されている、

「GTMにカスタムHTMLを設定し発火させる」方法であれば無理にタグを上に設置せずとも動作すると思います。

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

 

設置のご検討いただけると幸いです。

よろしくお願いします。

 

Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: Eコマース設定について

[ 編集済み ]
レジェンド

こんにちは。

Googleアナリティクスタグを、eコマース情報を書き出すカスタムHTMLの後に、出力させればいけるのですが、そのように、されていますでしょうか(しているなかでの質問でしたらすみません)?本回答は、データレイヤーの後に、eコマースタグを発火させれば、キャッチしてくれるはず、という理屈です。

トランザクション情報のデータレイヤーのコードの下のほうに、カスタムイベント発火のタグを入れます。
https://gyazo.com/a84d375abee3d12a52012515270a9352

そのカスタムイベントに反応するトリガーを書き、あとはそのトリガーで、Googleアナリティクスのeコマースタグを発火させます。
https://gyazo.com/9b9c7e1d9f462a12e37b1bb761570b03

カスタムHTMLにトランザクションデータ&カスタムイベント出力、カスタムイベント発火のトリガー、そのトリガーでGoogleアナリティクスeコマースタグ、の作成で、いちおう既存のウェブページのタグをいじることなく、eコマース計測をしています。

 

ちなみに、わたしはこの方法で数値は取れていますが、可変でなく固定値です。ですので、おおせのように「GTM上の設定だけでEコマースの計測が行いたいです。」という点については、そのカスタムHTMLにどう数値を渡すかが問題になりますので、なかなか難しいのかなと思います。私のスキルが足りないだけかもしれませんが、どうなのでしょうかね。

よろしくお願い致します。

------
文責:カグア!

Re: Eコマース設定について

U
初級者 ✭

ご回答ありがとうございます。

頂きましたURLより行いました。

「タグ3」だけプレビュー上で発火しませんでした。

このカスタムイベントが発生する条件設定などは下記の設定をどのように改善すればよいでしょうか?

 

もっと詳しい詳細を話すと、サイトはwordpressを使用しておりテーマは、welcartです。

welcartの購入完了ページは、カートに入れてからのお客様情報、発送方法などのページとURLが

同一で、区別するために「ご注文を受け付けました」とトリガーに入れています。

 

タグ1

タグ

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

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

■拡張Eコマース機能を有効化する:真

トリガー

All Page

 

タグ2

■タグタイプ:カスタムHTML

<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event':'cv',
'ecommerce' : {
'currencyCode':'usd',
'add': {
'products':[{
'id':'57b9d',
'name':'kiosk T-shart',
'price':'55.00',
'brand':'kiosk',
'category':'T-sharts',
'variant':'red',
'dimension1':'M',
'quantity':'1',
}]
}
}
});
</script>

 

トリガー

 

タグ2トリガー.jpg

 

タグ3

タグ3.jpg

タグ3トリガー.jpg

 

 

 

 

 

 

 

 

 

Re: Eコマース設定について

レジェンド
おおせのカスタムイベントで問題無さそうなので、カスタムイベントを発行しているのは、トランザクションページだけなので、他の発生場所などの条件はとってしまっても良いのではないでしょうかね。

というように、プレビューモードで、いろいろと試行錯誤するほかないと思います。

まああとは、welcartのフォーラムに似たような状況がないかどうか探すとかでしょうか。
https://www.welcart.com/community/forums

よろしくお願い致します。
------
文責:カグア!

Re: Eコマース設定について

中級者 ✭ ✭ ✭
スクショをみるとトランザクションidが入っているので違和感があります。

僕自身、GTMで拡張eコマースを実装していますが、JSなどでページの要素からトランザクションidや購入商品情報を動的に取得しています。
もし動的に取得しているのであればのお話ですが・・・
カスタムHTMLのトリガーをPageViewからDOM_Readyに変更してみてください。
これで解決するかもしれません。

PageView、DOM_Ready、Window Loadedの3種の違いはこちらに書いてあります。
https://support.google.com/tagmanager/answer/6106961?hl=ja