希望记录单击页面上的链接所花费的时间

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'];

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