Please Enable JavaScript!
Gon[ Enable JavaScript ]

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

인터넷/네이버
반응형

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

 

환경: 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 를 붙여 넣습니다

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

 

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

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

 

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

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

 

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

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

 

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

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


반응형
Posted by 녹두장군1
,