使用javascript或jquery跟踪AB点击

Question

我想在网站上运行一些简单的AB测试。 我希望它尽可能轻巧，以免减慢页面加载速度，并计划一次使用单个变量运行一次测试。 我不精通javascript，但是经过一番锤炼，我运行了一个简单的50/50随机发生器：

var randomNumber=Math.floor(Math.random()*2)+1;{
  if (randomNumber == 1)
    document.getElementById("id1").innerHTML = "Please Signup";

  if (randomNumber == 2)
    document.getElementById("id1").innerHTML = "I insist you signup!";
}

http://www.bootply.com/0oum4mlhzW

但是，我迷失了下一步。 我想根据当时显示的内容来跟踪注册按钮的点击次数。 我需要跟踪＃个访问者，＃个点击，然后才能在html某处看到此内容。

还希望使用Cookie（或其他方法）来确保回访者始终看到相同的内容。

Answer 1

你的意思是这样吗？

JSFiddle

var btn = document.getElementById('target1');
var track = document.getElementById('track');

// Retrieve
if (localStorage.getItem("trackNum") != ""){
     track.value=localStorage.getItem("trackNum");
}

var cnt = track.value;
btn.onclick = function(){
    cnt++;
    track.value = cnt;

    // Store
    localStorage.setItem("trackNum", track.value);
};

HTML：

<div class="container">
  <h1 id="id1">Do you think you might consider signing up?</h1>
  <button id="target1" class="btn btn-primary">Sign up!</button>
    <input type="text" id="track" value="0"/>
</div>