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

GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

※ この投稿は 2015/08/28 に YTaka1020 高由雅 さんが投稿しました。

 

 

 

GTMのイベントトラッキングで困っております。

サイトTOPにあります、バナーのクリック計測をGTMにいれましたUAでとりたいと考えております。
 
aタグのクラスにmmbannerと指定し
トリガーで
対象のページとClick class=mmbannerとしましたが、
計測できません。
 
 
【設定内容】
トラッキングタイプ:イベント
カテゴリ:バナー計測
アクション:{{Click URL}}
 
 
トリガー
イベント:クリック
有効化のタイミング:
page path 正規表現に一致 /index_0803.html
 
配信するタイミング
Click Classes 含む mmbanner
 
 
バナーの掲載が
TOPのスライドするバナーと同じで、
スライダーの中にはいっているものなので、
これが原因でイベントが計測できないのではとみております。
 
どなたかお知恵をお貸しくださいませ。
どうぞよろしくお願い申し上げます。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

山田良太さんが回答

 

 

スライドするバナーであっても問題なく、計測はできるはずです。

1点、気になるのはトリガー設定の「トリガーを設定>ターゲット」です。ここは、「すべての要素」を選択していますか?もし、「すべての要素」を選んでいるとしたら、「リンクのみ」に変えてみてください。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

[ 編集済み ]
Community Manager

YTaka1020 高由雅さんが回答

 

山田様

 
お世話になります。
Ytaka1020です。
そうそうにご返信いただき、ありがとうございます。
リンクのみにいたしましたが、
やはり発火いたしませんでした。。。
 

 

 

他に追加で何か設定する必要がある・・・とも思えないのですが、

こことは別の場所で設定しております、静止バナーはイベントが取得できておりまして、
どうしてもスライダーの中にあるからではとみてしまいます。
 

添付はタグの内容です。
先に掲載いたしました画像はトリガーの中になります。
何かやり方が間違っておりましたら、ご指摘いただけますと幸いです。
よろしくお願い申し上げます。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

カグア!さんが回答

 

 

こんにちは。

 
とりあえず、リンククリックで取れないときは、イベントリスナーで変数やトリガーを作ると
取れることがあります。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

YTaka1020 高由雅さんが回答

 

 

カグァ様
ご返信ありがとうございます。
イベントリスナーですか・・・自動のイベント変数を利用するのではなくて独自で作るということでしょうか?
ちょっと試してみます。
ありがとうございます。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

カグア!さんが回答

 

 

クリックリスナーから、トリガーを作るという感じです。
 
クリックリスナー.jpg
14 KB
 
 
 

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

山田良太さんが回答

 

 

該当のページを開いた状態で、ブラウザのURLアドレスバーに
javascript:window.alert(document.querySelectorAll('a.mmbanner').length)
をコピペして、Enterを押すと、アラートには何が表示されますか?

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

YTaka1020 高由雅さんが回答

 

 

 

カグァ様

お世話になります。
こちらありがとうございます。
 
無事設定できました!グーグルアナリティクスのリアルタイムでも検出できるようになったのですが・・・
リンクさきのURLもしくはALTが取得できておりません。。。
 

 

 

このページでこのバナーのクリックを取得したいので、

特定のページが表示されたらと組み合わせてみました。

そうしましたら、

クリックどんなにあがいても取得できなかったのが取れました!

 

が、Click URL やClick Textをタグ内に設定しておりましても、

undefinedで帰ってきます。

 

聞いてばかりで大変申し訳ないのですが、

ALTテキストもしくはバナーのリンク先URLを取得するにはどのようにしたらよろしいでしょうか?

 

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

YTaka1020 高由雅さんが回答

 

山田様

 
お世話になります。
 
ご指定いただきましたURLを貼ってみました。
そうしましたら・・・
こんな画面となりました。。。
 

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

YTaka1020 高由雅さんが回答

 

 

お世話になります。
Ytakaこと高です。

色々調べまして、DOM要素を利用してみました。(DOMって何?っていうレベルですが・・・)
http://www.ayudante.jp/column/2015-04-28/14-33/#no03dを参考にしてみました。

するとALTテキストが取れるようになりました!
が、、、
liで囲われて5点くらいスライドバナーがあるのですが・・・・
何回クリックしても同じALTテキストしか取得できません。
多分ユニークに判別ができていないからだと思います。

後もう少し(な気がします)なのですが、
何かヒントいただけないでしょうか?
お忙しいところたびたび申し訳ございません。

よろしくお願い申し上げます。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

カグア!さんが回答

 

 

このあたりですかね。

 

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

山田さんが回答

 

 

「DOM_ALTテキスト取得」の変数を「カスタムJavaScript」に変更して、

 
function () {
  return jQuery({{Click Element}}).find('img').attr('alt');
}
 
を入れてみてください。うまくいくかもしれません。

Re: GTMでSliderの中バナーをイベントトラッキングしたい

Community Manager

YTaka1020 高由雅さんが回答

 

 

カグァ様 山田様

お世話になります。
高です。

お忙しい中、
ヒントや設定方法を色々とご提示いただきまして、
本当にありがとうございます。


お教えいただいた手法では・・・・どうしてもundifinedとでてしまいまして、
DOM_ALTテキスト取得で
mmbannerに_01・・・06まで動的に付与しまして、
その分tagも増やすことになりましたが、
無事計測ができるようになりました。
一旦これで計測をしますが、
タグを整理しながら、よりわかりやすく、1つのタグでできるように
修正を加えていこうと思います。

お二人のおかげで
GTMのナレッジがすごく増えました。
とはいえ、まだまだできてない、わかってないことが多く、
まだまだ努力してまいります。

ありがとうございました。

何かお礼ができるといいのですが、
FB経由でお礼させてもらえないでしょうか?