반응형

나는 자기 소개 페이지를 Notion으로 만들어서 인스타 프로필에 등록했다.

아무래도 나를 여러 방면으로 알리고 싶지만, 한가지 URL로 여러 정보를 전달하기 위해서는 이게 최선이었다.

Notion은 작년에 일을 하면서 알게 되었는데, 다양하게 활용하기 좋은 서비스라고 생각했다.

그래서 시간이 날 때마다 독학을 하면서 기능을 조금씩 익히고 무료 강의도 수강했다.

그리고 지금은 Notion을 잘하는 것은 아니지만 여러 방면으로 활용하고 있으며,

윈도우용 PC와 맥북, 아이폰, 아이패드에 전부 설치해서 사용하고 있다.

 

내 Notion 페이지를 보면 아래처럼 방문자 수가 표시되고 있다.

내가 페이지에 접근한 기록은 제외되었으면 하지만, 간단하게 사용하기에는 좋다.

이 서비스는 Notion으로 개인 블로그를 만들어 볼까 고민하던 중에 알게되었다.

그리고 나처럼 Notion 페이지를 활용하고 싶은 분들을 위해서 아래에 정리하였다.

 

Notion 페이지에 방문자 수 표시 (예시)

 

방문자 수를 표시하기 위해서는 HITS 서비스를 사용하면 된다.

아래 링크를 클릭하자.

 

 

HITS

Easy way to know how many visitors are viewing your Github, Website, Notion.

hits.seeyoufarm.com

 

HITS 페이지로 이동하면 아래와 같은 화면을 볼 수 있다.

TARGET URL에 방문자 수를 표시하고 싶은 페이지의 URL을 입력하자.

나는 예시를 보여주기 위해서 티스토리 블로그의 URL을 사용했으며,

Notion 페이지에 적용하려면 그 페이지의 공유 링크를 입력하면 된다.

그리고 아래에 빨간색으로 표시된 상자에 있는 hits 0 / 0 부분이 바로 방문자 수를 나타내는 badge가 되겠다.

 

방문자 수 표시 badge 설정 화면

 

옵션이 다양한건 아니지만, 원하는 모양과 색상으로 badge의 스타일을 변경할 수 있다.

그리고 TITLE도 변경할 수 있는데, 한글도 사용할 수 있다.

badge에 표시되는 숫자는 앞 부분이 그 날의 방문자 수를 의미하며, 뒷 부분이 전체 방문자 수를 나타낸다.

그래서 나는 간단하게 "Today / Total"로 변경해서 사용 중이다.

 

방문자 수 badge 색상 변경 (예시)

 

badge를 원하는 스타일로 설정하면 스크롤을 아래로 살짝 내려보자.

그러면 아래처럼 badge를 원하는 방식으로 사용할 수 있도록 3개의 코드가 준비되어 있다.

우리는 그 중에서 "EMBED URL (NOTION)"으로 적힌 곳의 코드를 사용할 것이다.

copy를 눌러서 해당 코드를 복사하자.

 

 

아래는 예시를 위해서 만든 Notion 페이지이다.

위에서 복사한 코드를 사용하기 위해서 "/em"을 입력하여 임베드를 선택하자.

 

임베드 선택 화면

 

그러면 아래와 같이 임베드 정보를 입력할 수 있는 창이 노출되며,

앞서 복사했던 방문자 수 badge의 코드를 여기에 입력하면 된다.

입력 후에는 반드시 링크 임베드를 클릭하자.

 

임베드 입력 화면

 

복사한 코드가 제대로 입력되었다면 아래처럼 방문자 수 badge가 노출되는 것을 확인할 수 있다.

컴퓨터 상태가 안좋아서 크롬을 재실행하는 김에 한글도 반영해 보았다.

 

방문자 수 badge 코드가 적용된 화면

 

참고로, badge의 양 옆에 커서를 올리면 크기를 조절할 수 있다.

 

 

나는 아래처럼 가독성있게 적절한 크기로 badge를 조절했다.

 

 

이제는 방문자 수가 제대로 갱신되는지 확인해볼 차례이다.

Notion에서 오른쪽 상단에 있는 공유 버튼을 클릭하면 아래와 같은 창이 노출된다.

"웹에서 공유 항목"을 활성화시켜주자.

 

Notion 페이지 공유 기능

 

그러면 "웹에서 공유 항목" 아래에 Notion 페이지의 링크가 생성된다.

복사 버튼을 클릭해서 URL을 복사하자.

 

Notion 페이지 공유가 활성화 된 상태

 

복사한 URL을 크롬 같은 웹 브라우저에 입력하여 해당 페이지로 이동하면,

방문자 수가 증가한 것을 확인할 수 있다.

 

 

 


해당 글이 유용하셨다면 댓글을 남겨주세요:)

또한, 수정이 필요한 부분이나 개선점 같은 내용도 댓글로 남겨주시면 여러모로 도움이 될 것 같습니다.

반응형

'IT > 노션' 카테고리의 다른 글

노션 카테고리 설명  (0) 2021.06.24

+ Recent posts