別のページを開くときにjQueryスクリプトが正常に動作しない

Question

私が現在作成しているウェブサイトにGoogle Analyticsを実装しようとしています。 PDFファイルを開くページにリンクがあり、ファイルのオープン数を追跡しようとしています。

Chromeのjavascriptコンソールを使用していて、アラートボックスが開いているので、次のコードが動作することがわかります。

<a id="ga-link" href="path.to.my.file.com">Open PDF file</a> 

<script> 
(function($) { 
    $("#ga-link").on("click", function(event){ 
     event.preventDefault(); 
     gtag('event', 'view', { 
     'filetype':'pdf', 
     'filename':'file1', 
     'event_callback': function() {alert("1");} 
     }); 
    }); 
})(jQuery); 
</script> 

しかし、私は

私は実際に何をしたいです

'event_callback': function() {$(#ga-link).click();}

と

'event_callback': function() {alert("1");}

を交換した場合、スクリプトが実行されません。代わりに、ファイルが直接開かれます（Analyticsにトラッキング情報が送信されません）。

私もGoogle Analytics documentationからJavaScriptコードを使用してみました：

var btn = document.getElementById('ga-link'); 
btn.addEventListener('click', function(event) { 
    event.preventDefault(); 
    gtag('event', 'view', { 
     'filetype':'pdf', 
     'filename':'file1', 
     'event_callback': function() {btn.click();} 
    }); 
}); 

はこれまでまっすぐ全く、関係なく、私の'event_callback'機能が何であるか動作しません。

どちらの場合も、私はPDFを同じタブと新しいタブで開き、同じ結果を得ようとしました。

Answer 1

Googleの例では、例としてformを使用しました。したがって、フォーム送信ボタンのpreventDefault()を送信すると送信はできませんが、後で直接フォームを送信することもできます - form.submit()。あなたのケースでは、コールバック関数でさえ、ボタンは常にデフォルトを防ぎます。

preventDefaultを「キャンセル」する方法はいくつかあります。一つは次のようになります。

var btn = document.getElementById('ga-link'); 

var sendData = function() { 
    this.preventDefault(); 
    gtag('event', 'view', { 
     'filetype':'pdf', 
     'filename':'file1', 
     'event_callback': function() { 
      $('#ga-link').unbind('click').click(); 
      // your code to open url etc. 
      btn.addEventListener('click', sendData); 
     } 
    }); 
}); 

btn.addEventListener('click', sendData); 

Answer 2

問題は彼のcommentにTejSoftで指摘したようにクリックイベントに円形の呼び出しがあったということでした。
ここに私がしたことがあります。

(function($) { 
    $("#ga-link").on("click", function(event){ 
     event.preventDefault(); 
     gtag('event', 'view', { 
      'filetype':'pdf', 
      'filename':'file1', 
      'event_callback': function() { 
       $('#ga-link').unbind('click');   /*to prevent repeat data from being sent to GA*/ 
       window.open($('#ga-link').attr('href'));/*opens file*/ 
       } 
      }); 
     } 
})(jQuery);