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

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

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

1 个答案: