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

f:id:sumaho-design:20170406175907p: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>


<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/