Jquery clicktracking mousedown vs cliquez sur

Question

J'ai besoin de suivre les clics sortants à partir d'un répertoire sur notre site, et je voudrais faire cela pour que l'URL réelle soit dans le href. Quelque chose comme:

<a href="http://www.example.com" id="a24" class="link" >Go to Example</a> 

Ceci est le JQuery que j'utilise ci-dessous. Le fichier click.php recherche essentiellement l'identifiant du lien, puis insère les informations de clic dans une table mysql.

Cela semble fonctionner correctement même si le fichier click.php prend beaucoup de temps à se terminer. En d'autres termes, l'utilisateur se connecte immédiatement à l'url de destination, même si je mets le click.php en veille pendant 10 secondes avant de terminer.

J'utilise $ ('a.link'). Mousedown au lieu de $ ('a.link'). Cliquez Lorsque j'utilise .cliquez, il ne fonctionne pas (le clic est pas enregistré). Je suis juste curieux de savoir pourquoi cela ne fonctionne pas avec l'utilisation de la fonction .click et fonctionne uniquement avec la fonction .mousedown.

Est-ce un bon moyen de capturer les clics avec JQuery ou existe-t-il un meilleur moyen? (Je me rends compte que n'importe qui avec Javascript désactivé ne serait pas compté).

$('a.link').mousedown(function(e){ 

     var my_id = $(this).attr('id'); 

     $.ajax({  
      type: "GET", 
      url: "/tiger/sal/clicks/click.php?id=my_id" 
     }); 

     return true; 

}); 

Answer 1

Vous ne donnez pas assez de temps à jQuery pour tout calculer avant que votre navigateur ne le fasse. Pourquoi ne pas essayer quelque chose comme:

$('a.link').click(function(e){ 

    // Prevent the browser from running away 
    e.preventDefault(); 

    // I've changed this to POST to make it a bit more secure 
    // You can access the link ID with $_POST['link_id'] now 
    $.post('/tiger/sal/clicks/click.php', { link_id: $(this).attr('id') }); 

    // Wave goodbye 
    window.location.href = $(this).attr('href'); 

}); 

Answer 2

Je ne vois pas pourquoi cela ne fonctionnerait pas.

Cela fonctionne quand je l'ai testé, mais le point final url doit être corrigé dans votre appel AJAX:

$(function(){ 
    $('a.link').click(function(e){ 
    var my_id = $(this).attr('id'); 
    var href = $(this).attr('href'); 
    $.ajax({  
     type: "GET", 
     url: "/tiger/sal/clicks/click.php?id=" + my_id, 
     success: function(d){ 
      // allow it to successfully call the server before redirecting. 
      window.location = href; 
     } 
    }); 
    return false; 
    }); 
}); 

je ne voudrais pas le faire dans un « mousedown » puisque cela ne garantit pas que l'utilisateur effectivement cliqué sur le lien.