使用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>