자바스크립트로 만드는 유저 조회수 카운터 기능

내 사이트 조회수는 469인데

애드센스 조회수는 117... 뭐냐 이거!

전통적인 조회수 처리 방법

일일 조회수 변동치 추적을 위한 테이블 설계

게시글 조회수 카운터데이터베이스 테이블을 이용해 게시글이나 아티클을 구현하다보면 게시글의 조회수를 따로 저장해 두는 경우가 많다.통상적으로 view, count, hit 등으로 컬럼명을 짓고 게시글 조회 타이밍에 맞추어 이 수치를 1씩 올려두는 방식으로 구현하고 있다. 물론 이렇게 조회수를 올려버리면 정확한 조회에...

https://erulabo.com/333

$agent = new Agent();
if(!$agent->isRobot()) {
    $post->timestamps = false;
    $post->increment('hit');
    $post = $post->fresh();
}Copy

자바스크립트 조회수 카운터

function hitPost(postId, isLoggedIn) {
    if (!postId || isLoggedIn) return;

    const [nav] = performance.getEntriesByType("navigation");
    if (nav && nav.type === 'reload') return; // Prevent hit on reload

    fetch(`/${postId}/hit`, {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}',
            'Content-Type': 'application/json'
        }
    }).catch(e => console.error('Failed to hit a post:', e));
}Copy

document.addEventListener('DOMContentLoaded', function() {
    window.postId = '{{ $post->id }}';
    window.isLoggedIn = {{ auth()->check() ? 'true' : 'false' }};
    hitPost(window.postId, window.isLoggedIn);
});Copy

백단 메소드 (PHP + Laravel)

public function hitPost(Request $request, $id)
{
    $post = Post::find($id);
    $agent = new Agent();

    // 로그인한 사용자는 제외
    if (Auth::check() || $agent->isRobot()) {
        return response()->noContent();
    }

    $post->timestamps = false;
    $post->increment('hit');

    return response()->noContent();
}Copy

Route::post('{id}/hit', 'HomeController@hitPost');Copy

결론

내 사이트 조회수 119

구글 애드센스 조회수 105