네이버 블로그 실시간 방문자수 위젯 추가하는 방법

네이버 블로그 실시간 방문자수 위젯 추가하는 방법

 

환경: Internet Explorer 11

 

블로그를 운영하면서 매일 확인하는 정보가 방문자수와 댓글입니다. 여기에 동시 접속 자 수까지 확인할 수 있으면 더 좋겠죠. 하지만 네이버에서는 동시 접속자 정보를 제공하고 있지 않습니다. 동시 접속자 수를 계산해서 알려 주는 위젯 제공 사이트를 이용할 수 밖에 없습니다.

 

▼ 먼저 접속자 통계를 알려 주는 위젯 사이트로 접속합니다. 그럼 메인 화면 중앙에 복사할 코드가 나타납니다. 그런데 문제가 있습니다. 네이버 블로그는 티스토리와 달리 자바스크립트를 실행할 수 있는 구조가 아닙니다. 그래서 코드 전체를 복사해서 추가할 수가 없습니다. 위젯으로 등록할 수 있도록 소스를 변경해야 합니다. 전체 소스에서 필요한 것은 빨간 네모 박스에 있는 [개인 코드] 입니다.

http://whos.amung.us/

 

▼ 개인 코드는 주민 번호처럼 유일한 것으로 접속할 때 마다 달라집니다. 이 코드를 이용해서 네이버 블로그 위젯에 등록할 수 있는 HTML 코드를 만들었습니다. [등록ID] 부분에 사이트에서 복사한 개인 코드를 붙여 넣습니다. 그럼 바로 아래 소스와 같이 되겠죠.

 

<center> <a href=”http://whos.amung.us/stats/[등록ID]” target="_blank"> <img src="http://whos.amung.us/widget/[등록ID].png" alt="realtime counter" width="81" height="29" border="0"></a> </center>

 

	<center> <a href=”http://whos.amung.us/stats/ogsxlx0ry6w1” target="_blank"> <img src="http://whos.amung.us/widget/ogsxlx0ry6w1.png" alt="realtime counter" width="81" height="29" border="0"></a> </center>
◎ 네이버 블로그 위젯 설치하기

 

▼ 이제 작성한 HTML 코드를 네이버 위젯에 등록해 보도록 하겠습니다. 계정 창에 있는 [관리/통계] 메뉴를 클릭해서 관리자 페이지로 이동합니다. 

 

▼ 관리자 페이지에서 [꾸미기 설정] > [레이아웃,위젯 설정] 메뉴를 선택합니다. 

 

▼ 위젯 등록 메뉴는 [레이아웃/위젯 설정] 페이지 오른쪽 사이드바 제일 하단에 있습니다. [위젯직접등록BETA] 를 눌러 등록 창을 띄운 후 위에서 작성한 HTML 를 붙여 넣습니다. 

 

▼ 다음으로 넘어가시면 위젯이 어떤 형태로 표현이 될지 [미리보기] 창에서 보여 줍니다. 하단에 등록 버튼을 누르면 위젯이 등록됩니다. 이제 위젯의 위치를 전체 레이아웃에서 어디에 둘 것인지 결정해야겠죠. 

 

▼ 기본적으로 새로 등록한 위젯은 사이드바 제일 하단에 위치합니다. 마우스로 드래그해서 원하는 위치로 옮기시며 됩니다. 그런데 이렇게 등록을 했다고 해서 끝이 아닙니다. 

 

▼ 빼먹지 말아야 할 것이 화면 변경 내용 적용하는 것입니다. 아래로 계속해서 내려가시면 [적용] 버튼이 있습니다. 이 버튼을 클릭해 줘야 제대로 반영이 됩니다. 종종 이것을 까먹고 왜 반영이 안 되는지 한참 고민한 적이 있거든요. 

 

▼ 이제 확인을 위해 자신의 블로그 페이지로 갑니다. 레이아웃에서 위젯을 지정한 곳으로 가시면 동시 접속자를 알리는 이미지와 숫자가 표현되어 있는 것을 확인 하실 수 있습니다.