2014-02-24 2 views
0

웹 페이지에 링크를 추가하고 링크에서 발생한 클릭 수를 표시하고 싶습니다.링크 클릭 수는 어떻게 계산합니까?

<!DOCTYPE html> 
<html> 
<head> 
<script> 
    function clickCounter() { 
     if (typeof (Storage) !== "undefined") { 
      if (localStorage.clickcount) { 
       localStorage.clickcount = Number(localStorage.clickcount) + 1; 
      } else { 
       localStorage.clickcount = 1; 
      } 
      document.getElementById("result").innerHTML = localStorage.clickcount; 
     } else { 
      document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage..."; 
     } 
window.location = 'http://www.google.com'; 
    } 
</script> 
</head> 

<body link="White"> 
    <p align="center"> 
     <p> 
      <button onclick="clickCounter();"><span style="font-size:35px;" font face="Face"> Please Click Here to Access QLM </span> 
      </button> 
     </p> 
     <div align="center" id="result"></div> 
</html> 

그래서, 문제는 우리가 버튼을 클릭하기 전에 볼 "결과"텍스트를 만드는 방법입니까 ?? : 여기에 내 현재 코드입니다 그 스크립트를 실행할 때 "결과"텍스트는 버튼을 클릭 할 때까지 나타나지 않기 때문에.

+3

당신은 로컬 스토리지를 사용하여 각 사용자에게 횟수가 표시됩니다 것을 알고를 모든 사용자가 모든 클릭 수를 합산 한 것은 아니며 링크를 직접 클릭 했습니까? – nnnnnn

+0

리디렉션 전에 setTimeout을 원할 수도 있습니다. –

+0

함수 앞에 다음을 추가하십시오. if (localStorage.clickcount) { $ ("# result"). text (localStorage.clickcount); } else {$ ("# result"). 텍스트 (0); } –

답변

1
window.onload=function(){ 
document.getElementById("result").innerHTML = localStorage.clickcount; 
}; 

결과를 페이지에로드 할 때 표시하려면 onload 함수에 결과를 채워야합니다. jQuery로

+0

괜찮아, 이제 알았어 : D 고마워! –

+0

당신을 환영합니다;) – nowhere

1
window.onload=function(){ 
    if(localStorage.clickcount) //for undefined result 
    document.getElementById("result").innerHTML = localStorage.clickcount; 
}; 
0

..

<script> 
    $(document).ready(function() { 
     $('#result').html(localStorage.clickcount); 
    }); 
</script> 
0

이 각 사용자에게 그들이 링크 자체를 클릭 한 횟수를 표시합니다 로컬 스토리지를 사용하는 것으로,이 문제를 해결 갈 수있는 잘못된 방법입니다.

총 클릭 수를 추적하려면 서버 측 기술을 사용하십시오. 예를 들어 텍스트 파일이나 데이터베이스에 총 클릭 수를 기록하는 PHP 스크립트에 대한 ajax 요청을 클릭하거나 어떤 것.

메트릭의 어떤 심각한 종류를 얻기 위해이 일을하는 경우 Google 웹 로그 분석과 같은 설립 된 경로 아래로 가고 더 나을 것 : https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

관련 문제