그누보드5 m3counter 방문자 통계 그래프 플러그인 적용 방법
페이지 정보

본문
그누보드5 환경에서 텍스트 위주의 방문자 기록을 시각적인 막대그래프 이미지로 출력해 주는 m3counter 플러그인의 설치 파일 구성 및 include 적용 방법을 안내합니다.
그누보드5 m3counter 방문자 통계 그래프 플러그인 파일 생성 경로
그누보드5에서 방문자 통계 그래프를 출력하는 m3counter 플러그인 파일을 생성할 때는 서버의 그누보드5 설치 경로 하위인 /plugin/m3counter/ 폴더 안에 m3counter.php 파일명으로 저장해야 합니다.
방문자 통계 그래프 include 코드 삽입 방법
그누보드5 환경에서 방문자 통계 막대그래프를 원하는 웹페이지 위치에 출력하려면, 해당 위치에 아래의 PHP include 코드를 추가해야 합니다.
<?php include_once G5_PLUGIN_PATH."/m3counter/m3counter.php";?>
적용 시 확인 사항
- 파일 경로:
m3counter.php파일이 그누보드5 설치 경로 내/plugin/m3counter/디렉토리에 정상적으로 위치해 있어야 합니다. - 외부 이미지: 그래프 표현에 필요한 외부 이미지 파일(
graph.gif)이 누락되지 않았는지 확인합니다.
m3counter.php 주요 변수 및 설정 조정 방법
그누보드5 방문자 통계 그래프 플러그인(m3counter.php) 파일 내부의 세팅 영역에서 막대그래프의 디자인과 출력 범위를 직접 조정할 수 있습니다.
주요 설정 변수
$bar_num: 출력할 막대의 개수입니다. (예:6또는8등 사정에 맞게 설정)$bar_height: 그래프 막대의 최대 높이(픽셀)입니다. (예:40또는50)$bar_width: 개별 막대의 너비(픽셀)입니다. (예:11또는25)$bar_interval: 막대 사이의 간격(픽셀)입니다. (예:12)$text_size: 그래프 하단 및 숫자 등에 표시되는 글씨 크기(pt)입니다. (예:7)
위 변수들은 m3counter.php 파일 상단의 세팅 영역에서 직접 수정하여 사이트 환경에 맞게 커스텀할 수 있습니다.
m3counter 플러그인 그래프가 공중에 뜨는 현상 수정 방법
그누보드5 m3counter 플러그인 사용 시 그래프의 일부가 바닥에 붙지 않고 공중에 붕 떠서 나타나는 현상이 발생할 때는 CSS 코드의 수직 정렬 속성을 확인하고 수정해야 합니다.
1. 확인 위치
/plugin/m3counter/m3counter.php파일 내부의<style>태그 안쪽 CSS 코드를 확인합니다.
2. 수정 항목 및 차이
- 기존 코드에서
.m3bottom클래스의 스타일 지정 시 수직 정렬 속성이 누락되었거나 다르게 설정되어 있을 수 있습니다. - 그래프를 담는 테이블 셀(
<td>) 등의 하단 기준선 정렬을 맞추기 위해.m3bottom스타일에vertical-align:bottom;속성을 포함해야 합니다.
3. 적용 방법
m3counter.php 파일 내의 <style> 섹션에서 .m3bottom 정의 부분을 찾아 다음과 같이 수정합니다.
.m3bottom { border-bottom:solid 3px #BA9; vertical-align:bottom; }
4. 다음 행동
- 코드를 수정한 뒤 파일을 저장하고 웹사이트 메인 화면이나 방문자 통계가 출력되는 페이지로 이동하여 브라우저를 새로고침합니다.
- 그래프 막대 하단이 지정한 기준선에 정확히 안착하는지 확인합니다.
방문자 통계 그래프 플러그인 외부 이미지(graph.gif) 확보 및 배치 방법
m3counter 플러그인에서 막대그래프의 시각적 요소를 완성하는 graph.gif 이미지 파일은 그누보드4 스킨 공유 게시판인 https://sir.kr/g4_skin/74865에서 다운로드해야 합니다.
다운로드한 graph.gif 파일은 플러그인 설치 경로인 /plugin/m3counter/ 폴더 안에 m3counter.php 파일과 함께 업로드하여 배치해야 합니다. 해당 이미지 파일이 누락될 경우 정상적인 그래프 화면 출력이 보장되지 않을 수 있습니다.
상황 및 선택 기준
그누보드5에서 텍스트로만 표시되는 방문자 통계를 막대그래프 이미지로 시각화하고 싶을 때 m3counter 플러그인을 선택합니다.
다음 행동
- 파일 구성: 서버의
/plugin/m3counter/경로에m3counter.php파일을 생성합니다. - 이미지 준비: 그래프 막대 표현에 필요한
graph.gif파일을 SIR 게시판에서 다운로드하여 위와 동일한/plugin/m3counter/경로에 업로드합니다. - 코드 삽입: 그래프를 출력할 위치(예:
tail.php등)에<?php include_once G5_PLUGIN_PATH."/m3counter/m3counter.php";?>코드를 추가합니다. - 설정 조정:
m3counter.php상단의 변수($barnum, $barheight 등)를 수정하여 사이트 레이아웃에 맞게 막대 개수와 크기를 최적화합니다.
Q. 그래프가 바닥에 붙지 않고 공중에 떠서 출력됩니다.
- 원인: CSS 스타일 정의에서 수직 정렬 속성이 누락된 경우입니다.
- 대안:
m3counter.php내<style>태그의.m3bottom클래스에vertical-align:bottom;속성을 추가하여 해결합니다.
Q. 그래프 이미지가 보이지 않습니다.
- 예외:
graph.gif파일이/plugin/m3counter/경로에 존재하지 않거나 경로가 잘못 지정된 경우입니다. 파일 업로드 여부를 먼저 확인하십시오.
함께 보면 좋은 글
- 그누보드 출석부 플러그인 1103 에러 해결 및 버튼형 출석체크 수정 가이드
- 그누보드 폼 요소 디자인 개선을 위한 jQuery 플러그인 선택 및 적용 방법
- 그누보드5 소셜 로그인 플러그인 설치 및 설정 방법
참고자료
기타 참고자료
- 이전글그누보드5 닉네임 특수문자 허용 설정 방법 26.10.31
- 다음글그누보드 회원가입 폼 프로그램 봇 자동 제출 차단 방법 26.10.31
댓글목록
등록된 댓글이 없습니다.