적용버전 : XpressEngine 공통 레이아웃 편집을 활용하여 기본 카운터 위젯 추가하기

방문자 카운터 추가하기

웹 카운터란?

웹 카운터는 사이트의 방문자 수, 또는 특정 웹페이지를 웹브라우저에서 액세스할 때마다 횟수를 측정하고 집계하는 작은 프로그램을 말합니다. XE 코어는 기본 카운터 위젯을 활용하여 웹사이트 레이아웃에 웹 카운터를 추가하고 방문자의 접속 통계를 텍스트 형식으로 출력할 수 있습니다.

TIP - Google Analytics(웹 로그 분석)를 같이 활용하면 사이트 전반에 관련된 현황 및 정보를 파악하는데 도움이 됩니다. 이 기능은 Google에서 무료로 사용할 수 있으며 "XE 확장하기"에서 소개합니다.


기본 카운터 위젯 추가하기

기본 카운터 위젯을 활용하여 아래 그림과 같이 사이드바 영역에 출력할 것입니다.

image


다음의 순서를 따라하면서 기본 카운터 위젯을 생성하여 레이아웃에 추가하세요. 사용하는 레이아웃이 다른 경우 카운터의 위치는 자유롭게 설정하세요.

  • image▲ 관리자 메뉴의 [확장기능] > [설치된 레이아웃]을 클릭합니다.
  • image▲ 사용중인 레이아웃을 클릭합니다.
  • image▲ 사용중인 레이아웃의 [레이아웃 편집]을 클릭합니다.
  • image▲ HTML 편집창에서 카운터 위젯이 위치할 부분에 DIV 엘리먼트를 미리 만들고 my_counter로 클래스 이름을 붙여 둡니다.
  • image▲ 하단의 [기본 카운터 위젯] 생성 버튼을 클릭합니다.
  • image▲ 위젯 생성 관리자 화면에서 위와 같은 순서로 위젯 코드를 생성하고 복사합니다.
  • image▲ 다시 레이아웃 편집창으로 돌아와 미리 만들어 둔 DIV 엘리먼트 안에 복사해 온 위젯 코드를 붙여넣기 합니다.
  • image▲ 편집한 레이아웃 설정을 저장하기 위해 [저장] 버튼을 클릭합니다.
  • image▲ 카운터가 사이드바 가장자리에 너무 붙어 있군요!
  • image▲ [레이아웃 편집]에서 CSS 편집창에 위와 같이 여백 속성값을 작성하고 [저장] 버튼을 클릭합니다.
  • image▲ 원하는 내용으로 기본 카운터가 추가되었습니다.

TIP - 기본 카운터 위젯이 동작하지 않는 경우 애드온 설정을 확인해 보세요. 애드온 설정에서 기본 카운터 애드온이 꺼져 있다면 활성화(체크 표시) 해야 합니다. 체크 표시 후 반드시 저장하고 [캐시파일 재생성]을 클릭합니다.

image