计算单击按钮以创建“Top Event”区域

Question

I am working on a Tourism website which displays multiple tours. I am using WordPress and have created a custom post type called Tours.

Inside every tour is a Book Now button which is created as a custom meta box. The Book Now button contains a link to a Third Party Booking System.

What I am looking to do is create a field on the homepage to show the most popular tour of the week. This will be judged by the number of clicks on the Book Now button inside each tour.

So, anytime a user clicks Book Now for a certain tour in the week, a count will be set to that tour and the tour with the highest number over a week, sits as a link on the homepage.

How to get this working via JavaScript or PHP?

Answer 1

Each link should have a class and unique identifier

<a href="/some/trip/package-A" class="countable" data-id="package-A">Click</a>

With jquery on the javascript side, you bind to the click event of your link.

$('a.countable').click(function() {
     // get our trip identifier
     var identifier = $(this).attr('data-id');
     // ajax call to increment counter
     jQuery.post(
            '/counter.php',
            {track_id: identifier}
        );
    }
});

counter.php then received track_id as a $_POST variable and increments your counter somewhere (database / redis / etc..) by calling increment_counter(). You'll also need functionality to report the most popular by week / month / day / etc back out from your datastore. Since this can be data intensive, its best to do that via a cron script that generates the final output instead of doing that on every page request. At worst, you should cache the "Top X" results for some time (an hour, six hours, a day?).

 <?php
 // assumes integer ids, filter inputs appropriately
 $identifier = (int) $_POST['track_id']; 

 if (!empty($identifier)) {
      increment_counter($identifier);
 }