깃허브 블로그에 조회수 표시하기

다른 플랫폼의 블로그에는 일일 방문자 / 전날 방문자/ 전체 방문자 수를 보여주곤 합니다.
하지만 깃허브 블로그는 이런 기능을 자체적으로는 지원하지 않습니다
그래서 이번에 소개하고자 하는 것이 Hits 입니다!

Hits?

특정 사이트의 조회수를 일일조회수/전체조회수를 카운트 하는 API 자체 조회수 기능을 지원하지 않는 깃허브 블로그에서는 가뭄속 단비!

아쉬운점

새로고침 하면 조회수가 복사가됩니다.
같은 사용자가 여러 페이지를 돌아다녀도 조회수가 복사돼요
이상할 정도로 조회수가 자꾸 늘어나는 문제가…있습니다만 어쩔 수 없네요

적용 방법

https://hits.seeyoufarm.com/
위의 주소에서 사용 가능합니다

각 메뉴에 대한 설명

1. TARGET URL : 조회수 추적할 사이트 URL
2. OPTIONS
   1. Add Icon : 아이콘 추가
   2. BORDER : 테두리 스타일
   3. TITLE BG COLOR : 좌측 칸 배경색
   4. ICON COLOR : 아이콘 색
   5. TITLE : 좌측 칸 문구
   6. COUNT BG COLOR : 우측 칸 배경색

TARGET URL 에는 본인 블로그 url을 입력하시면 됩니다. 옵션은 본인의 입맛대로 수정하시면 됩니다.

위의 코드를 원하는 위치에 복사하여 사용하면 됩니다.

레이아웃에 따라 다르지만 일반적으로 블로그의 헤더나 좌/우측 바에 위치하도록 하는게 좋겠죠? 그래서 저는 좌측 사이드바 html 파일 내에 위치하도록 했습니다.

이제 어디가서 뻥튀기된 조회수를 보여주면서 내 블로그가 이만큼 사람들이 많이 본다고 어깨피고 다니세요! 물론 아는 사람들이 보면 들키니까 진짜 하지는 마세요