aタグを使ってイベントトラッキングする時は「javascript: void(0)」に注意!

前回の投稿に続いて、こちらも過去のご相談事例より。

あるフォーラムを見ていたら、似たような事例でお困りだった方を見かけたので、ご参考までに、当方での対策事例をご紹介いたします。


ページに複数設置されているプルダウンメニューボタン (下図赤枠部分、図はサンプルです) のクリック回数を測定するため、

下記のようになっていたHTMLソースの、

各ボタンの<a>タグそれぞれにクラス「plan_menu1」「plan_menu2」を追記して下記ソースのようにし、Click Classes変数を使ってボタンごとのクリック数を測定しようとしたそうですが、全くタグが発火しないとのこと。

調べた結果、原因は<a>タグに「href=”javascript:void(0)”」の記述があったことで、記述を外してみたところ無事発火しました。

そこで今回は、下記のように「dataLayer.push」を使ってデータ送信してもらうようにし、無事スケジュール通りにページを公開することができたそうです。


なお、今回は納期の都合上、動作が一番確実な「dataLayer.push」を使いましたが、もっとスマートな方法としては、HTMLソースを、

とした上で、
・すべての要素 > Click Element > CSSセレクタに一致「div.planmenu1」
・すべての要素 > Click Element > CSSセレクタに一致「div.planmenu2」
というトリガーを作って測定することも可能です。

以上、ご参考になれば幸いです。