티스토리 블로그 실시간 방문자 위젯 설치하는 방법

블로그

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 

환경: Internet Explorer 11

 

블로그를 운영하면서 매일 확인하는 정보가 방문자수와 댓글입니다. 여기에 동시 접속 자 수까지 확인할 수 있으면 더 좋겠죠. 하지만 티스토리에서는 동시 접속자 정보를 제공하고 있지 않습니다. 동시 접속자 수를 계산해서 알려 주는 위젯 제공 사이트를 이용할 수 밖에 없습니다. 오늘은 티스토리에 실시간 방문자수를 나타내는 위젯을 어떻게 설치하는지 알아 보겠습니다.

 

먼저 접속자 통계를 알려 주는 위젯 사이트로 접속합니다. 그럼 메인 화면 중앙에 복사할 코드가 나타납니다. 해당 코드를 전부 복사해서 티스토리 HTML 편집란에 추가하시면 됩니다. 이전에 소개했던 네이버 블로그에 추가했던 것과 달리 따로 위젯 코드를 만들 필요가 없습니다. 간단하죠? 왼쪽 이미지는 코드를 복사했을 때 나타나는 모습입니다.

http://whos.amung.us/

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 

다른 형태의 위젯이 없는지 확인하고 싶다면 상단 메뉴 widgets 을 클릭합니다. 그럼 고전 위젯부터 지도 위젯까지 다양한 형태로 제공하고 있는 스크립트를 확인할 수 있습니다. 저는 탭 위젯을 설치하기로 했습니다.

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 

전세계 접속자 분포를 보고 싶다면 지도 위젯을 설치해 보세요

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 


탭 위젯 설치를 위한 소스를 복사하기 위해 더블 클릭하거나 영역을 드래그합니다. 그리고 Ctrl + C 를 눌러 복사합니다

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 

위젯 소스가 준비되었으니 티스토리 블로그로 가서 설치를 해야겠죠. 저는 사이드바에 설치할 위젯이 아닌 탭 위젯이기 때문에 [관리자] > [HTML/CSS 편집]란으로 가야 합니다

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 

[HTML 편집]란에서 <head></head> 태그 사이에 복사해 온 위젯 소스를 붙여 넣습니다. 그리고 오른쪽 상단에 [저장] 버튼을 눌러 적용합니다. 따로 수정할 것은 없습니다

티스토리 블로그 실시간 방문자 위젯 설치하는 방법

 

확인을 위해 블로그 홈으로 갑니다. 그림처럼 브라우저 왼쪽 끝에 탭으로 위젯이 달라 붙어 있네요. 스크롤과 함께 따라 다니기 때문에 항상 화면에 나타나게 됩니다

티스토리 블로그 실시간 방문자 위젯 설치하는 방법


Posted by 녹두장군

댓글을 달아 주세요