전 세계 방문자 카운터 위젯(FLAG counter) 티스토리에 적용하기

 

 

전 세계 방문자 카운터 위젯(FLAG counter) 티스토리에 적용하기

 

안녕하세요. 블로그 관리 카테고리를 처음 쓰게 되었는데요. 여기서는 네이버 블로그보다는 티스토리에 관련된 도움되는 정보를 올리도록 하겠습니다. 오늘은 전 세계 방문자 카운터 위젯인 FLAG Counter 설치 방법에 대해 한 번 알아보도록 하겠습니다. 먼저 FLAG Counter를 들어 갑니다.

 

FLAG Counter에 방문하면 위와 같은 이미지가 뜨는데요. 가볍게 어떻게 설정 하는지부터 살펴보도록 하겠습니다.

 

Flag Counter : http://flagcounter.com/index.html

 

 

 

 

 

 

전 세계 방문자 카운터 위젯 답게 여러 나라에서 접속한 현황을 파악해 볼 수 있는데요. 위젯은 기본적으로 flag를 표현하는 형식의 "Top countries"로 선택하시는게 가장 보기에 좋습니다. 때에 따라 Flag map(마지막 이미지)를 선택할 수 있지만, 가독성이 떨어집니다.

 

Maximum Flags to show를 통해 최대 보여지는 국가를 선택할 수 있습니다. 국가는 1개부터 250개까지 볼 수 있다는 점! 하지만, 그렇게 크게 할 필요는 없으니 적당히 자신의 티스토리에 맞게 선택! Columns of Flags는 가로 갯수를 의미합니다. 자신의 티스토리 사이드바의 사이즈에 맞게 갯수를 적당하게 선택하시면 됩니다. 참고로 300x600 애드센스 위젯을 쓴다면, 저처럼 4개 정도 사용하시면 됩니다. 그 외 위젯의 색상이나 텍스트 컬러, 테두리 컬러 등을 선택하실 수 있으며, 국기의 크기도 변경이 가능합니다. 방문자 카운터 위젯으로 숫자 넘버링도 가능하지만 퍼센티지를 통해 방문율도 설정이 가능한 점 참고하시기 바랍니다.

 

가볍게 FLAG counter에 대한 위젯 세팅 및 설정 방법에 대해 알려드렸습니다. 그럼 이제 위젯을 만들어야겠죠? 오른쪽에 위치한 "GET YOUR FLAG COUNTER"를 눌러줍니다.

 

 

 

 

 

 

GET YOUR FLAG COUNTER를 눌러주시면, 위와 같은 문구가 뜨는데요. 이메일을 입력해도 되지만 귀찮다면, Skip으로 넘어가시면 됩니다. Skip으로 위 화면을 넘겨 봅니다.

 

 

 

 

 

 

그럼 위와 같은 문구가 뜨게 됩니다. 첫 번째 코드가 바로 티스토리에 적용할 전 세계 방문자 카운터 위젯입니다. 오른쪽에 편하게 Copy 버튼이 존재합니다. Copy 버튼으로 복사해 티스토리 - 관리자 - HTML/CSS 편집을 눌러 편집을 진행해 위젯을 설치하면 됩니다. 편집을 할 줄 아는 분들은 쉽게 설정하실 수 있을 것 같은데요. 모르는 분들은 아래의 글을 더 보시면 이해하기 쉬울 것 같습니다.

 

 

 

 

 

 

HTML을 전혀 다루지 못 하는 분들을 위해 조금 더 쉽게 설명해드리도록 하겠습니다. 저도 완전 초보이기에 어제부터 새롭게 다시 꾸미면서 배워나가고 있는 중이라죠. 허허 코드를 복사한 뒤에 "사이드바" 부분의 HTML 위치로 옵니다. 그리고, 위와 같은 문구를 넣으면 위젯 효과 기능을 사용할 수 있습니다.

 

 

---

<s_sidebar_element>

 

<!-- 전세계 방문자 체크 위젯 -->

 

<여기에 Copy한 부분을 넣음>

 

</s_sidebar_element>

---

<위젯 설정 코드>

 

 

"<s_sidebar_element>"이 명령어가 위젯으로 인식하는 역할을 하게 되니, 티스토리를 운영하는 분들이라면 알아 두시면 다음에 다른 위젯들을 제작할 때도 이해하기 쉬울 것 같습니다.

 

또한, 가운데 정렬을 원하시면, <div align="center"></div> 문구까지 넣어주면 좀 더 깔끔한 위젯이 완성됩니다. 아래와 같이 말이죠.

 

※ 참고로 <!-- 전세계 방문자 체크 위젯 --> 이 문구는 주석이라는 개념으로 이 위젯의 이름을 설정하는 것입니다. 추 후에 수정하기 쉽게 찾을 수 있게 적는 부분이기에 빼셔도 기능을 수행하며, 다른 한글말을 쓰셔도 무방합니다.

 

 

 

---

<s_sidebar_element>

 

<!-- 전세계 방문자 체크 위젯 -->

 

<div align="center"> 

 

<여기에 Copy한 부분을 넣음>

 

 </div>

 

</s_sidebar_element>

---

<가운데 정렬 위젯 설정 코드>

 

 

 

 

 

 

위젯으로 설정하게 되면, "관리자-꾸미기-사이드바"에서 방금 전에 만든 전세계 방문자 체크 위젯을 확인해 보실 수 있습니다. 여기서는 쉽고 간편하게 이동이 가능하므로 추후 간편하게 위젯에 제외 혹은 위치 변경이 가능합니다.

 

 

 

 

 

 

설치한 위젯은 위와 같이 자기가 놓고 싶은 위치에 옮겨 이동이 가능합니다. 위젯으로 만들어 세팅하면 추후 티스토리 홈페이지 개편을 할 때도 편집이 쉽기 때문에 그냥 사이드바에 넣어 사용하지 마시고 위젯으로 만들어 사용하시기 바랍니다.

 

오늘은 간단한 "전 세계 방문자 카운터 위젯" 만드는 방법에 대해 알아 보았습니다. 갓 시작한 블로거가 뭔 방문자에 대해 벌써 따지냐고 하지만, 이런 전세계 방문자 카운터를 미리 제작해두면 점차적으로 발전하면서 다른 나라에서도 유입이 되는 것을 알면 국내가 아닌 다른 나라를 초점으로 포스팅을 제작할 수도 있게 될지도 모르니, 초반에 이런 위젯은 설정해두는 것도 괜찮을 것 같습니다. 글로벌한 블로거가 되기 위해서라면 말이죠. 허허 세계는 넓으니, 도전해볼만 하지 않을까요?