読者です 読者をやめる 読者になる 読者になる

【Googleタグマネージャ】クリック計測タグの取得データと変数

Googleタグマネージャ

f:id:sumaho-design:20151231102215j:plain

 

今回は「クリック(すべての要素、リンクのみ)計測時の取得データと変数」の紹介です。
具体的には、イベントトラッキングパラメータの各項目(カテゴリ、アクション、ラベル)で何の変数を選択すると、ページ上の何がアナリティクスのイベントのところに反映されるのか調べました。

 

※クリック計測用タグの作成については、前に書いたこちらの記事をご確認ください。

【Googleタグマネージャ】リンクのクリック計測 - 勝手にスマホサイトまとめ(ブログ)

 

 カテゴリには「各イベント内容にあったカテゴリ名」、アクションには「各内容にあったアクション名」や「各ページURL({{Page URL}})」とかを入れる感じになると思いましたので、
今回はラベルのところにこちらの各変数を入れたとき、

 

・{{Click Classes}}
・{{Click Element}}
・{{Click ID}}
・{{Click Target}}
・{{Click Text}}
・{{Click URL}}
・{{element}}
・{{element classes}}
・{{element id}}
・{{element target}}
・{{element text}}
・{{element url}}

 

ページ上の何がアナリティクスのイベントラベルに反映されるのか調べました。
また、クリック計測トリガーのターゲットは「すべての要素」「リンクのみ」で分けてそれぞれ調べました。

あと、こんな感じでサンプルページを用意しましたので、

 

[ページ]

http://sumaho-design.com/sample/tag_test/

f:id:sumaho-design:20151231102620j:plain

[HTML]

<body>
<!-- GTMコードがここに入ります -->

<h1>sampleページ</h1>
<p><a href="/jqm.html" id="click1">30分でスマホサイト作成</a></p>
<p><a href="/jqm-template/" class="click2"><img src="img/sample1.png" alt="テンプレート"></a></p>
<p><a href="http://ppc-matome.com/" target="_blank">PPCまとめ</a></p>
<p id="click3" class="click4"><img src="img/sample2.png" alt="作成ツール"></p>
</body>

 

このページ上のテキストリンク、画像、h1タグのテキストやページ上のいろんなところクリックしまくった結果、一体何が取得できたのか、まとめていきたいと思います。

 

 

クリック ターゲット:「リンクのみ」の時

変数取得データ
{{Click Classes}} click2
{{Click Element}} http://sumaho-design.com/jqm.html
http://sumaho-design.com/jqm-template/
http://ppc-matome.com/
{{Click ID}} click1
{{Click Target}} _blank
{{Click Text}} 30分でスマホサイト作成
PPCまとめ
{{Click URL}} http://sumaho-design.com/jqm.html
http://sumaho-design.com/jqm-template/
http://ppc-matome.com/
{{element}} http://sumaho-design.com/jqm.html
http://sumaho-design.com/jqm-template/
http://ppc-matome.com/
{{element classes}} click2
{{element id}} click1
{{element target}} _blank
{{element text}} 30分でスマホサイト作成
PPCまとめ
{{element url}} http://sumaho-design.com/jqm.html
http://sumaho-design.com/jqm-template/
http://ppc-matome.com/

 

 

クリック ターゲット:「全ての要素」の時

変数取得データ
{{Click Classes}} click4
{{Click Element}} [object HTMLImageElement]
[object HTMLHeadingElement]
[object HTMLHtmlElement]
[object HTMLParagraphElement]
[object HTMLBodyElement]
http://sumaho-design.com/jqm.html
http://ppc-matome.com/
{{Click ID}} click1
click3
{{Click Target}} _blank
{{Click Text}} sampleページ
30分でスマホサイト作成
PPCまとめ
{{Click URL}} http://sumaho-design.com/sample/tag_test/img/sample1.png
http://sumaho-design.com/sample/tag_test/img/sample2.png
http://sumaho-design.com/jqm.html
http://ppc-matome.com/
{{element}} [object HTMLParagraphElement]
[object HTMLImageElement]
[object HTMLHeadingElement]
[object HTMLHtmlElement]
[object HTMLBodyElement]
http://sumaho-design.com/jqm.html
http://ppc-matome.com/
{{element classes}} click4
{{element id}} click1
click3
{{element target}} _blank
{{element text}} sampleページ
30分でスマホサイト作成
PPCまとめ
sampleページ 30分でスマホサイト作成 PPCまとめ
{{element url}} http://sumaho-design.com/sample/tag_test/img/sample1.png
http://sumaho-design.com/sample/tag_test/img/sample2.png
http://sumaho-design.com/jqm.html
http://ppc-matome.com/

 

この変数だと、画像の「alt」のテキストが取得できませんでしたが、一応、参考にどうぞ。

 

 

勝手にスマホサイトまとめ|スマホサイトとjQueryMobileのまとめ

勝手にリスティング広告まとめ|テキスト・イメージ広告、ランディングページまとめ