구글 블로거(Blogger)에 방문자수 위젯 설치하는 방법

블로그를 운영하다 보면 "오늘 내 글에 몇 명이 방문했을까?" 하는 궁금증이 생기기 마련입니다. 구글 블로거(Blogger)는 자체 통계 기능을 제공하지만, 방문자 수를 블로그 화면에 직접 위젯으로 표시하면 독자들에게 신뢰감을 주고 블로그 활성도를 보여줄 수 있습니다

1. 구글 블로거 기본 가젯 사용하기 

구글 블로거 대시보드 내에서 마우스 클릭 몇 번으로 바로 적용할 수 있는 가장 안전한 방법입니다. 외부 스크립트를 삽입하지 않아 페이지 속도에 영향이 없습니다.

❶ 레이아웃 메뉴로 이동

구글 블로거(Blogger)에 로그인한 후 왼쪽 사이드바에서 레이아웃(Layout)을 클릭합니다. 블로그의 전체 구조를 블록 단위로 편집할 수 있는 화면이 나타납니다.

❷ 가젯 추가 위치 선택

사이드바(Sidebar), 푸터(Footer) 등 위젯을 넣고 싶은 영역에서 가젯 추가(Add a Gadget) 버튼을 클릭합니다. 위젯 위치는 나중에 드래그로 변경할 수 있습니다.

❸ 블로그 통계 가젯 선택

팝업 창이 열리면 가젯 목록을 아래로 스크롤하여 블로그 통계(Blog Stats)를 찾아 우측의 [+] 버튼을 누릅니다. 검색창에 "통계"를 입력하면 빠르게 찾을 수 있습니다.

❹ 표시 방식 설정

위젯 제목(예: "방문자 수"), 집계 기간(전체 기간 / 지난 30일), 표시 형태(숫자만 / 타임라인 그래프)를 선택한 뒤 저장을 클릭합니다.

❺ 레이아웃 저장

가젯 설정을 마쳤더라도 레이아웃 화면 상단(또는 하단)의 저장(디스크 아이콘) 버튼을 반드시 눌러야 블로그에 실제로 반영됩니다. 이 단계를 빠뜨리는 실수가 가장 많으니 주의하세요.

2. 외부 카운터 위젯 코드 삽입하기

기본 가젯 디자인이 밋밋하게 느껴진다면 실시간 접속자 수나 화려한 애니메이션 카운터를 제공하는 외부 서비스를 이용할 수 있습니다.

또한 카운터 위젯을 제공하지 않는 테마를 사용하는 경우에는 어쩔 수 없이 외부 카운터 위젯 코드를 삽입해야합니다.

주의하실 점은 구글 블로그 내에 카운터와 연동되지 않는다는 것입니다. 오늘 방문자는 위젯 코드를 넣은 순간부터 카운트되지만 총 방문자수 등은 구글 블로그에서 읽어올 수가 없기 때문에 외부 카운터 서비스에서 코드를 만들 때 입력하는 방식으로 진행됩니다.

무료 외부 카운터 서비스

• Whos.amung.us - 실시간 접속자 수 표시 · 지도 시각화 · 가입 불필요
• Clustrmaps - 세계 지도 위에 방문자 위치 표시 · 누적 카운터
• StatCounter - 상세 통계 분석 + 카운터 위젯 · 무료 플랜 제공
• Free Counter - 다양한 숫자 스타일 카운터 · 설치 초간단

ELFSIGHT 에서 카운터 위젯 만들기

저는 위젯 만들어주는 사이트 중 elfsight 에서 만드는 방법을 설명드리겠습니다.

1. 사이트로 이동해 검색창에서 "Visitor"를 입력해 "Visitor Counter" 위젯을 선택합니다.

2.   Create Widget for Free  버튼을 클릭합니다.

3. 좌측 화면에서 원하는 스타일의 위젯을 선택하고 편집화면으로 이동합니다.

4. 설정 항목은 General, Info, Style로 나누어집니다.

• General - 카운트 방식을 "Each Page View"를 선택합니다.
• Info - 보여질 내용을 Today와 Total로 선택해 보겠습니다. Total Starting Value에 본인 블로그의 총방문자수를 직접 입력합니다.
• Style - 예쁘게 꾸며주세요.

5. 완료되셨다면 상단에  Publish  버튼을 클릭합니다.

6. My Apps - Dash 보드로 오면 방금 만든 위젯이 보입니다.  Install  버튼 누르고 "Copy Code"를 눌러 코드를 복사합니다.

7. 구글 블로그로 와서 "레이아웃" 메뉴로 들어갑니다.

8. 사이드바에 "+ 가젯 추가"를 누르고 "HTML/자바스크립트" 위젯을 선택합니다.

9. 제목을 입력하고 콘텐츠에 방금 복사해온 코드를 붙여넣기 한 후 저장합니다.

10. 홈화면에서 카운터가 생성된 것을 확인합니다.