230726 Notion: 노션 방문자 수 확인하는 법

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영).
✍️✍️✍️ 위 글은 작성자의 개인적인 경험이니 가볍게 읽어주시길 바랍니다.

---

요즘 이력서를 수정 중에 있다.
이전에는 정말 아무것도 없어서 미니멀한 이력서였다면, 지금은 이력서를 좀 채워 볼 수 있는 소중하고 조구만 경험들이 생겨 이 내용들을 타인이 읽었을 때도 적당히 일목요연하고도 미니멀하게 수정해야하는 상황이다.
(심플하고 화려하게....도대체 그거 어떻게 하는건데...)
아무튼 그런것들을 하면서 공개적으로 공유해주신 유명한분들의 이력서들을 살펴보는데, 둘러보다 보니 그들의 이력서에서 공통적으로 발견한 노션 방문자 수 체크기능을 알게돼 공유겸 기록겸 작성한다.

---

0.  HITS?

HITS란 svg형의 뱃지로, 웹사이트, 깃허브 또는 노션 문서에 뱃지 이미지만 추가해 주면 아주 간편하게
방문자 수와 전체 방문자 수를 확인 할 수있다. 애석하게도 그 방문자가 어디서 오게된건지는 알려주진 못하는 것 같다.
실제 나의 노션 문서에 HITS를 적용해보면 아래처럼 나온다.

작고 조구만 방문자 수

1. 어떻게 만들 수 있나?

생각보다 엄청엄청 간단하다. 검색했을 때 가장 먼저 발견했던 것은 HITS Counter Generator Website.

좀 더 이미지와 함께 설명을 드리자면, 사이트를 들어가면 아래 이미지 처럼 제너레이터 페이지가 나온다

HITS GENERATE WEBSITE

한땀한땀 이미지를 떼어서 설명을 해보자면, 

뱃지를 첨부하고 싶은 공간 링크

Target URL로, 내가 HITS 뱃지를 첨부하고 싶은 주소를 복사해 넣으면 된다. 그 주소에 방문하는 사람들을 체크해야하기 때문에 원하는 주소로 기입해 주어야한다!

뱃지 옵션 설정

그 다음은 뱃지의 타이틀 백그라운드, 카운트 백그라운드를 내가 원하는 색깔로 설정할 수 있다.
나는 귀찮아서 기본 설정되어있는 것으로 했는데 생각보다 색조합이 맘에들어서 굳이 변경하지 않고 사용했다.
Color Picker형태로 나오기 때문에 클릭으로 다양한 색을 설정할 수 있고 물론 HEX CODE도 입력 가능하다.

사용 용도에 따른 임베드 코드

다음은 앞서 설명한 것 처럼 깃허브, 웹사이트, 노션등 사용하려는 공간에 따른 임베드 코드가 위에 설정한 URL, 색깔 코드와 함께 완성된 상태의 코드로 출력이 되어 COPY버튼만 클릭하면 바로 사용할 수 있도록 코드블럭이 나와있다.

이렇게 아주 간단하게 커스텀해서 사용할 수 있다.

---

물론 개발자로서...! 본인이 한땀한땀만든 뱃지를 사용할 수도 있지만, 가벼운 마음으로, 그리고 빠른 산출물이 필요한 상황에서는 이렇게 이미 만들어 주시고 운영 중이신 뱃지를 사용하는 것도 좋은 것 같다.
게다가 개발직군이 아니신 분들도 어렵지 않게 사용할 수 있을 것같아 범용성이 더욱 좋다고 생각된다. 추챤추챤!

웹사이트와 깃허브 주소를 첨부해 드리니 백문이 불여일견 시도해 보시길!!

HITS

GitHub - gjbae1212/hit-counter: :rocket: Easy way to know how many visitors are viewing your Github, Website, Notion. :tada: