admin管理员组

文章数量:1321436

I have tried it using jQuery but it is not working.

<script>
    $("a").click(function () { 
      $.post(".php", {result: "click"
  }, "html");
    });
</script>
<a href="">out</a>

I have tried it using jQuery but it is not working.

<script>
    $("a").click(function () { 
      $.post("http://www.example./trackol.php", {result: "click"
  }, "html");
    });
</script>
<a href="http://www.google.">out</a>
  • javascript
  • php
  • jquery
  • click
Share Improve this question edited Oct 2, 2013 at 4:26 Jonathan Leffler 755k145 gold badges949 silver badges1.3k bronze badges asked Jan 16, 2010 at 15:27 ilhanilhan 8,99535 gold badges127 silver badges214 bronze badges 1
  • 2 Is that script running after on onload event? (or after dom has been parsed?) Otherwise the $("a") selector will not match the following links! – Andrea Zilio Commented Jan 16, 2010 at 15:31
Add a ment  | 

3 Answers 3

Reset to default 7

To get the best results you should change two things in your approach

  1. Use onmousedown instead of click - this way you get a few extra milliseconds to plete the tracking request, otherwise the browser might not start the connection to your tracker at all as it is already navigating away from the original page. The downside is that you might get some false-positive counts, since the clicking user might not finish the click (eg. keeps the mousebutton down and moves the cursor away from the link) but overall it's a sacrifice you should be willing to make - considering the better quality of tracking.
  2. Instead of an Ajax call ($.post('...')) use an image pre-fetcher (new Image().src='...'). The fact that the tracker is not an image is not relevant in this case because you don't want to use the resulting "image" anyway, you just want to make a request to the server. Ajax call is a two way connection so it takes a bit more time and might fail if the browser is already navigating away but the image pre-fetcher just sends the request to the server and it doesn't really matter if you get something back or not.

So the solution would be something like this:

<script>
$(document).ready(function() {
    $("a").mousedown(function (){
        new Image().src= "http://www.example./trackol.php?result=click";
    });
});
</script>

<a href="http://www.google.">out</a>

Instead of using JavaScript to call a php tracking script, you could just link to your tracking script directly and have it in turn redirect the response to the ultimate destination, something like this:

<a href="http://www.example./trackol.php?dest=http://www.google.">out</a>

and in the PHP script, after you do your tracking stuff:

...
header("Location: $dest");

As mentioned, the problem is you’re not running the script after the DOM has loaded. You can fix this by wrapping your jQuery script inside $(function() { }, like so:

This works:

<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Tracking outgoing links with JavaScript and PHP</title>
 </head>
 <body>
  <p><a href="http://www.google./">Test link to Google</a></p>
  <script src="http://ajax.googleapis./ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script>
   $(function() {
    $('a').click(function() {
     $.post('http://www.example./trackol.php', { result: 'click' }, 'html');
    });
   });
  </script>
 </body>
</html>

See it in action here: http://jsbin./imomo3

本文标签： Tracking outgoing links with Javascript and PHPStack Overflow

版权声明：本文标题：Tracking outgoing links with Javascript and PHP - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742102253a2420855.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。