別のマウスクリックで同じイベントを追跡する

Question

私は、Google Analytics（UA）を使用して、自分のウェブページでファイルのダウンロード（特にPDFファイル）をトラッキングする最良の方法を理解しようとしています。私はそれを知っている

<a href="book.pdf" onClick="ga('send','event','PDF Downloads','Click','Book');">Download Book</a> 

私はリンク上で（左）クリックでトリガーされたイベントを追跡することができます。この同じイベントを追跡するにはどうすればよいですか？右クリックと中クリックのアクションを追跡するには？私は、クリックの種類別にイベントを分けることには興味がありませんが、ファイルが何回ダウンロードされたかをより正確に測定したいと考えています。

この問題の最初の試みは、それぞれ右クリックと中クリックにoncontextmenuとauxclickを使用することでした。だから私のようなもので終わるでしょう：

<a href="book.pdf" onClick="ga('send','event','PDF Downloads','Click','Book');" 
 
      oncontextmenu="ga('send','event','PDF Downloads','Click','Book');" 
 
        auxclick="ga('send','event','PDF Downloads','Click','Book');"> 
 
        Download Book</a>

しかしga('send','event','PDF Downloads','Click','Book'); 3回繰り返すことは非常に厄介な、エラーを起こしやすいようです。これを実装する最良の方法は何でしょうか？

ps。 auxclickはどのくらいいいですか？

Answer 1

$(document).on('mousedown', '.track', function(e){ 
 
    //e.which 1 = left click, 2 = middle click, 3 = right click 
 
    
 
    //track by book url (http://example.com/book.pdf) 
 
    ga('send', 'event', 'PDF Downloads', 'Click', this.href); 
 
    
 
    //track by book title (Book Title 2) 
 
    ga('send', 'event', 'PDF Downloads', 'Click', $(this).data('book')); 
 

 
    //track by button contents (Download Book 2) 
 
    ga('send', 'event', 'PDF Downloads', 'Click', $(this).text()); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a href="book.pdf" class="track" data-book="Book Title 1">Download Book 1</a> 
 

 
<a href="book.pdf" class="track" data-book="Book Title 2">Download Book 2</a>