【GTM】クリックイベントが発火しない時にする設定

2021年4月13日2023年4月26日

GTM（Google Tag Manager）内で設定可能な「ページ内の<a>タグクリック」の計測方法についてご紹介します。

Google広告やアナリティクスでクリックイベントが発火しないことありませんか？

<a>タグ(アンカー)をクリックしても発火しない場合があります。特に下記のHTMLのようにイメージ画像に<a>タグ(アンカー)を設定していたりするとうまく反応しません。

<a href="..."><img src="img/logo.png" alt="イメージ"></a>

そんなときの対処です。

まずGTMの変数を準備します。変数のタイプはカスタムJavaScriptにしてください。

function(){
  var isAnchor = false;

  var $element = jQuery({{Click Element}});
  
  // 計測対象の要素（クラス名「gtm_link」の要素 or その子要素）か調べる
  while (!isAnchor ) {
    if ($element.length) {
      if ($element[0].tagName =="A") {
        isAnchor = true;
        break;
      } else {
        // クラス名が見つからない場合は親要素を取得
        $element = $element.parent();
      }
    } else {
      // 親要素がなくなったら検索終了
      break;
    }
  }
 
  return isAnchor ;
}

次にトリガーの設定をします。トリガーのタイプは「クリック-すべての要素」にしてください。