使用javascript或jquery跟踪AB点击

时间:2014-05-28 06:54:09

标签: javascript

我想在网站上运行构建一些简单的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(或其他方法)来确保返回的访问者始终看到相同的内容。

1 个答案:

答案 0 :(得分:0)

你的意思是这样吗?

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>