過去のご相談案件より「javascript:void(0)がついたリンクのクリックが測定できない」の事例と行った対策をご紹介します。


事例

↓あるホテル予約サイトのプラン紹介ページで、プルダウンボックス(下図赤枠部分)を開いた回数を測定するため

↓ボタンの<a>タグにクラス名「plan_menu1」「plan_menu2」を追記し

<div class="btn_opener">
  <a href="javascript:void(0)" class="plan_menu1">プラン詳細をみる</a>
</div>
・・・
<div class="btn_opener">
  <a href="javascript:void(0)" class="plan_menu2">プラン詳細をみる</a>
</div>

GTMのトリガー(クリック)を
・リンクのみ > Click Classes > 等しい「plan_menu1」
・リンクのみ > Click Classes > 等しい「plan_menu2」
に設定したものの、トリガーが反応しないとのこと。

調べた結果、原因は<a>タグに「href=”javascript:void(0)”」の記述があったことでした。javascript:void(0)がつくと、GTMに<a>タグとして認識されなくなってしまうようです。

↓そこで、HTMLを以下のように変更し

<div class="btn_opener plan_menu1">
  <a href="javascript:void(0)">プラン詳細をみる</a>
</div>
・・・
<div class="btn_opener plan_menu2">
  <a href="javascript:void(0)">プラン詳細をみる</a>
</div>

GTMのトリガー設定(クリック)を
・すべての要素 > Click Element > CSSセレクタに一致「div.planmenu1」
・すべての要素 > Click Element > CSSセレクタに一致「div.planmenu2」
に変更することで測定できるようになりました。

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