php - 想要记录点击页面上的链接所花费的时间

Question

我希望进行一项实验来测试 2 个独立的网页布局，并找出哪一个允许用户最快地扫描页面并查找信息。

因此，在每个布局中都会有一个带有唯一 ID 的“单击我”链接。我将要求一组用户查看这两种布局，并在看到链接后立即单击该链接。

我想记录每个用户单击链接需要多长时间并将该时间记录在某处。所以我认为解决方案可能是 jQuery/Ajax 和 PHP 的组合。

有人对已经存在的东西有什么建议，或者如何相对容易地做到这一点？我是一名前端设计师而不是开发人员，但有一些 jQuery 知识。

提前致谢。史蒂夫

P.s - 很高兴使用 Wordpress 或现成的东西来进行此实验。

Answer 1

应该相当简单，获取页面加载时的时间(以毫秒为单位)，然后在用户点击时再次获取时间，并进行比较

var start = new Date();

$(function() {
    $('button').on('click', function() {
         var stop = new Date();

         var elapsed = stop.getTime() - start.getTime();

    });
});

FIDDLE

要将时间存储在您可以访问它们并执行操作的地方，您必须首先将时间发送到服务器端。

$(function() {
    $('button').on('click', function() {
         var stop = new Date();
         var elapsed = stop.getTime() - start.getTime();

         $.ajax({
             url  : 'script.php',
             data : {time : elapsed}
         });

    });
});

在服务器上您将获得时间

$_GET['time'];

然后你必须弄清楚如何以及在哪里存储它们，我建议设置一个数据库。