GitHub Pages 방문자 카운터
GitHub Pages는 파일을 있는 그대로 제공하므로 코드를 페이지에 바로 넣으면 됩니다. Jekyll로 만든 Markdown 페이지도 됩니다. Jekyll의 Markdown 변환기는 script 태그를 포함한 HTML을 그대로 통과시킵니다.
단계별 안내
- Stats4U에서 디자인을 고르고 HTML 탭의 코드를 복사하세요.
- 모든 페이지에 카운터를 넣으려면 레이아웃에 넣으세요. 예를 들어 _layouts/default.html이나 _includes/footer.html의 </body> 바로 앞입니다.
- 페이지 하나에만 넣으려면 카운터가 들어갈 자리에 맞춰 .html 또는 .md 파일에 붙여넣으세요.
- 커밋하고 푸시하세요. 잠시 후 사이트가 다시 빌드됩니다.
코드
이 플랫폼에 맞는 탭: HTML
<script src="https://www.stats4u.net/s4u.js"
data-id="12345" data-style="3903" async></script>이 예시에서 카운터 번호는 12345이고 디자인은 견본입니다. 마법사에서는 본인의 번호와 직접 고른 디자인이 들어간 코드를 받게 됩니다.
알아 두면 좋은 점
- 여기서는 BBCode가 작동하지 않습니다. HTML 탭이나 HTML <img> 탭을 쓰세요.
다른 플랫폼 안내
- WixWix 에디터에서는 Embed HTML, Wix Studio에서는 Embed Code를 씁니다. Wix 사이트의 통계에 다른 주소가 보이는 이유도 설명합니다.
- WordPress직접 설치한 WordPress에서는 「사용자 정의 HTML」 블록을, WordPress.com 무료 요금제에서는 HTML <img> 탭을 쓰세요.
- BloggerHTML/자바스크립트 가젯으로 블로그의 모든 페이지에 카운터를 넣을 수 있습니다.
- Google Sites새 Google Sites에서 「Insert → Embed → Embed code」로 넣습니다.
- chomikuj.pl프로필 소개란은 이미지는 받지만 스크립트는 받지 않습니다. 그래서 HTML <img> 방식을 넣습니다.
- JimdoJimdo Creator의 Widget/HTML 요소를 씁니다. 새 Jimdo 웹사이트 빌더에는 넣을 곳이 없는 이유도 설명합니다.
- Neocities페이지의 HTML에 바로 넣습니다. 버튼 모음에 어울리는 88×31 버튼도 있습니다.
- 포럼과 프로필포럼 서명과 게임 프로필에는 BBCode를, HTML을 허용하는 곳에는 HTML <img>를 씁니다.