• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 510
  • Last Modified:

PHP visitor duration

I'm trying to make a php script that indexes durations of page views on my site.

I've been doing some fiddling but I've hit a dead end, here's what I've come up so far:

1. every time the page is loaded, a random token is created and save as $_SESSION["token"] == $random;
2. a php file checks if the token is in the mysql database, if found, it updates the duration by 1. if not found, it creates a new entry and the cycle begins all over again

now, the only problem is that I need to refresh the site every second to be able to add +1 value to the duration, so I tried making an invisible iframe to do that and added a javascript reload timer, but even though the website doesn't fully refresh, you can still signs of something refreshing. then I tried making a while(0==0) { ... sleep(1); } loop inside the php script, but it somehow overflows the server and the page fails to load.

does anyone have an idea how to refresh the .php file embedded some way in the site without any visible activity?

maybe this could be done with ajax? the problem is that I don't know anything about it :/
0
CodilX
Asked:
CodilX
1 Solution
 
AlexanderREnterprise Web DeveloperCommented:
Without knowing how you generate tokens or your DB structure, i'll just concentrate on the AJAX part.

Edit function send_duration so that it sends appropriate info.  In this example it just sends the time difference (or duration of the user looking at the page) as a GET parameter for timer.php.  Then you can pick it up at timer.php and load it into DB.  You can edit the url (second parameter of the xmlHttp.open function) to fit your need.  You can have <?php echo somevar;?> anywhere in there (remember, this is javascript so it does not really know about any of your php variables).
Adjust setTimeout value as you need.

I hope this is clear.
<html>
<head>
<script type="text/javascript">
var xmlHttp = createXmlHttpRequestObject();
var time_loaded = new Date();
 
function createXmlHttpRequestObject()
{
   var xmlHttp;
   try
   {
      xmlHttp = new XMLHttpRequest();
   }
   catch(e)
   {
      xmlHttp = false;
   }
   if(!xmlHttp)
   {
      alert("Error creating the xmlHttpRequest object");
   }
   else
   {
      return xmlHttp;
   }
}
 
function send_duration(){
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
   {
      var time_now = new Date();
      var time_difference = time_now - time_loaded;
      xmlHttp.open("GET", "timer.php?time="+time_difference, true);
      xmlHttp.send(null);
 
      setTimeout('send_duration()', 1000);
   }
   else
   {
      // if the connection is busy try again after one second
      setTimeout('send_duration()', 1000);
   }
}
 
 
</script>
</head>
<body onload="send_duration()">
THIS IS THE PAGE TO BE TIMED 
</body>
</html>

Open in new window

0
 
CodilXAuthor Commented:
thank you so much :) works like a dream
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now