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

GTMでのリンク以外のボタンクリックのカウント設定について

上級者 ✭ ✭ ✭

独学でGTMを設定して、なんとか内部リンクと外部リンクのクリック数をGAのイベントに表示させてことができたのですが、

GTMで<button class="btn_editComplete" onclick="fntSubmit();"></button>のような

<a>タグがない部分のリンクをカウントしてGA上に反映させたい場合、どのような設定をすればいいでしょうか。

※上記のようなボタンが複数あります。

 

ざっくりとした質問で申し訳ございませんが、ご教授いただけますでしょうか。

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

1 件の受理された解決策

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

Re: GTMでのリンク以外のボタンクリックのカウント設定について

レジェンド

 

<button class="btn_editComplete" onclick="fntSubmit();"></button>

 

であれば、添付のようなトリガーでクリックを計測できます(コンボボックスに「Click Element」が存在しない場合は、「変数」メニューから「Click Element」を有効にしてください)。

 

類似の他のボタンについても、CSSセレクタ(添付の「.btn_editComplete」の部分)を変更することで柔軟に指定可能です。

CSSセレクタについては、

http://www.shoshinsha.com/hp/ref/css/css_selecter.html

http://www.webword.jp/cssguide/basic/

あたりを見るとよいかと思います。

元の投稿で解決策を見る

ベストアンサーのマーク済み.
解決策
トピック作成者Chikara Wさんが付与
4月 2016

Re: GTMでのリンク以外のボタンクリックのカウント設定について

レジェンド

 

<button class="btn_editComplete" onclick="fntSubmit();"></button>

 

であれば、添付のようなトリガーでクリックを計測できます(コンボボックスに「Click Element」が存在しない場合は、「変数」メニューから「Click Element」を有効にしてください)。

 

類似の他のボタンについても、CSSセレクタ(添付の「.btn_editComplete」の部分)を変更することで柔軟に指定可能です。

CSSセレクタについては、

http://www.shoshinsha.com/hp/ref/css/css_selecter.html

http://www.webword.jp/cssguide/basic/

あたりを見るとよいかと思います。

Re: GTMでのリンク以外のボタンクリックのカウント設定について

レジェンド
こんにちは。

山田さんの方法がスマートですが、JavaScriptを呼び出しているようなので、
そのJavaScriptで、eventをpushして、それをトリガーにして計測する、というのも
ありかもとは思いました。

GTMは、JavaScriptでできることはたいていできるので、Googleアナリティクスや
Googleタグマネージャのコミュニティから情報を得るだけでなく、JavaScript関連の
コミュニティからもヒントがありますのでおすすめですよ。

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

Re: GTMでのリンク以外のボタンクリックのカウント設定について

上級者 ✭ ✭ ✭
山田良太様

一瞬で的確なご回答をありがとうございます。
私の説明不足で申し訳ございませんが、今回複数ページにbuttonのclass名が違うボタンが点在しております。
そのすべてをカウントしたく、また、GA上に「 イベントラベル:それぞれのクラス名  イベント数 10」のように表示させたいのですが、この場合、どのような設定になりますでしょうか。
よろしくお願い致します。

Re: GTMでのリンク以外のボタンクリックのカウント設定について

上級者 ✭ ✭ ✭
カグア様

迅速にご回答頂きありがとうございます。
上記は私が実装したものではなく、JavaScriptに関しましては全く知識がありませんが、
JavaScript関連のコミュニティも参照できるよう勉強してみようと思います。
アドバイスありがとうございます。

Re: GTMでのリンク以外のボタンクリックのカウント設定について

レジェンド
CSSセレクタの「.btn_editComplete」の箇所を、「.btn_editComplete, .btn_deleteComplete, .btn_newComplete」などのように、カンマで区切って記載すれば、トリガーを1つにまとめることができます。

タグの設定では、外部リンクのイベントと同様に作成し、イベントラベルの部分にクラス名を入れたいので、「{{Click Class}}」を指定する、といった形です。

Re: GTMでのリンク以外のボタンクリックのカウント設定について

レジェンド
工工工エエェェ(゚Д゚)ェェエエ工工工

カンマ区切りで複数指定可能!!!
知らなかった!
------
文責:カグア!

Re: GTMでのリンク以外のボタンクリックのカウント設定について

上級者 ✭ ✭ ✭
山田良太様

カウントできGAにも反映されました。
{{Click Class}} の部分は {{Click Classes}} にしました。

迅速かつ的確なご回答をいただきありがとうございました。
非常に助かりました。