[GitHub Blog] HITS로 방문자 수 기록하기

Posted: 2022.06.02     Updated: 2022.06.02

HITS

지킬 블로그에서 방문자 수를 표시하는 건 별로 어렵지 않다.
HITS와 같은 방문자 카운터 사이트를 이용하면 편리하다.

👇 내가 사용한 HITS 사이트
🔗 HITS

흔히 많이 사용하는 블로그 플랫폼에서는 보통 방문자 수를 확인할 수 있다. 그래서 지킬 블로그에서도 방문자 수를 확인할 수 있었으면 좋겠다고 생각했다. 사이드바에 HITS를 배치했는데, 페이지가 새로고침 될 때마다 사이드바도 함께 새로고침 되어 방문자 수가 계속 늘어난다는 단점이 있다. 이 부분은 나중에 수정하도록 해야겠다.

방문자 수 설정하기

먼저 hits 사이트에서 방문자 수를 설정할 타겟 URL을 입력한다.
블로그의 방문자 수를 설정하기 위해 블로그 주소를 입력했다.
옵션으로 hits 뱃지의 디자인을 커스텀할 수 있다.

이렇게 커스텀을 완료하고 아래로 내려보면 코드를 복사해서 사용할 수 있도록 다 짜준다.

우리는 여기서 HTML LINK 를 복사해서 사용할 것이다.

_includes 폴더의 author-profile-custom-links.html 파일에 hits 에서 만들어준 HTML LINK 를 복사해서 넣어준다.
나는 HITS 태그 사이즈를 조절하기 위해 li 태그로 감싸고 가로폭을 지정해주었다.
여기서 li 태그로 감싸진 부분은

위와 같이 _includes 폴더의 author-profile.html 파일 맨 아랫부분에 include 된다.
여기까지 설정하면 성공적으로 방문자 수 확인 뱃지가 생기는 걸 확인할 수 있다.