[How To] jekyll 블로그 방문자/조회수 추가

📭 블로그 방문자 확인

깃헙 레파지토리 방문자 수를 확인할 수 있는 프로젝트 HITS 가 있다.

이 프로젝트를 활용하여 블로그 방문자, 블로그 글 조회수를 확인할 수 있다.

먼저 HITS 에 들어가 자신의 블로그 링크를 입력하고 HTML 코드를 복사한다.

HTML 링크를 본인이 원하는 곳에 넣으면 되는데 블로그 사이드바 밑에 두고싶다면

_includes/sidebar.html 파일에 다음과 같이 코드를 넣으면 된다.

...
    <img style="width: auto; height: auto; margin-right: 5px" class="hits" src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fnam-ki-bok.github.io&count_bg=%239C9999&title_bg=%239C9999&icon=&icon_color=%23E7E7E7&title=%F0%9F%91%8B&edge_flat=false"/>
  </div>

✉️ 포스트 조회수 확인

앞서 했던 방문자 조회에 사용했던 링크에 /how%20to/HITS/ 을 추가하면 된다.

_layouts/single.html 파일의 헤더 사이에 다음과 같이 코드를 넣으면 된다.

<img style="width: auto; height: auto; margin-right: 5px" class="hits" src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fnam-ki-bok.github.io/how%20to/HITS/&count_bg=%239C9999&title_bg=%239C9999&icon=&icon_color=%23E7E7E7&title=조회수&edge_flat=false"/>

블로그 방문자 수와 포스트 조회수를 확인할 수 있게 됐다!