アクセスカウンター S-COUNTER
特徴、機能
| 累計 | 昨日 | 今日 | 閲覧中 |
|---|---|---|---|
- シンプルで高速なアクセス・カウンター
- 累計、昨日、今日、一定時間内、を計測
- テキスト、画像(非画像連結)、一枚画像の3モード搭載
- 一定時間内の連続アクセスカウント防止機能
- 巡回ロボットカウント防止機能
- 累計のキリ番メッセージ表示機能
- カウンター掲載側から桁数変更が可能
- 二重のファイルロック
サンプル
ダウンロード
必ず利用規約を読んで、同意の上でダウンロードして下さい。
scounter.lzh FAQ
内容、構成
your_root / index.php (トップページ)
│
└─── scounter [701] / scounter.php [604] PHPファイル
│
├────── data [707] データディレクトリ
│
└────── gif [701] 画像ディレクトリ (任意)
使用方法
- ダウンロードしたファイルを解凍する。
- scounter.phpをメモ帳などで設定をする。
- ページにカウンターを埋め込む。
- 転送してdataディレクトリのパーミッションを変更する。
- カウンター掲載ページへアクセス。
カウンターの埋め込み方
このカウンターはPHP製ですので、埋め込むページがPHPファイルでなければいけません。HTMLファイルでも、拡張子を.phpに変えると使えるかもしれません。
まず、カウンタースクリプトを読み込んで下さい。その際、先に$pathにスクリプトまでのパスを入れておいて下さい。(これは、画像やログにアクセスする為に使います。scounter.php内で設定しても良いですが、ここでパスを使うので一箇所で設定する方が楽)これで、アクセスするとカウントされます。
-
<? $path='./scounter/'; require $path.'scounter.php'; ?>
最後に、表示させたい場所へデータを引っ張ってきます。
各カウントは桁数指定でき、それに満たない場合は左側に0が補われます。
(桁数を指定しなかった場合や、指定桁数を超えた場合は整形されません。)
-
累計のカウントは<?= total(桁数) ?><br />
-
昨日のカウントは<?= yesterday(桁数) ?><br />
-
今日のカウントは<?= today(桁数) ?><br />
-
閲覧中のカウントは<?= online(桁数) ?><br />
-
キリ番の時だけ表示<?= just() ?><br />
オプション
3桁毎のカンマ区切りにする事もできます。2番目に1を与えて下さい。画像を使う場合はカンマ名のカンマ画像を用意して下さい(スプライトモード不可)。[例] total(7, 1) => 1.234.567
携帯ページなど、表示モード変えてデータを兼用したい場合は、scounter.phpをコピーしてmcounter.phpなど別名ファイルを作成してモードを変えて読み込めば可能です。
スプライトモード(一枚画像モード)
このモードは、画像ファイルを一枚だけ使うので、桁数分の画像リクエストが発生せず、表示速度も上がります。ただし事前に手間がかかるので、サーバの負荷を極力減らしたいヘビーユーザー向けの機能です。
一枚の画像を使って、各桁をspan要素の背景で表現します。例えば32はこう出力されます。
-
<span class="d3"> </span><span class="d2"> </span>
まず、10桁がまとまった1枚画像(0~9の横並びが良いでしょう。)を用意し、各桁の位置と幅をCSSで指定します。以下を書き換えると楽です。
-
/* 任意の要素に割り当てる */
-
#counter
-
{
-
}
-
#counter span
-
{
-
/* 背景や幅を設定する為にブロック化 */
-
display: block;
-
/* 桁を並べる */
-
float: left;
-
}
-
/* 累計、昨日、今日、閲覧中の桁要素を包んだ要素 */
-
#counter span.wrapper
-
{
-
margin-right: 8px;
-
}
-
/* 桁要素 */
-
#counter span span
-
{
-
/* 画像を全桁の背景に設定 */
-
background: url(/images/sprite.gif);
-
background-repeat: no-repeat;
-
}
-
/* 10桁分の背景の位置と幅を調節 */
-
#counter .d0{background-position: 0px 0px; width: 7px;}
-
#counter .d1{background-position: -10px 0px; width: 4px;}
-
#counter .d2{background-position: -20px 0px; width: 7px;}
-
#counter .d3{background-position: -30px 0px; width: 7px;}
-
#counter .d4{background-position: -40px 0px; width: 7px;}
-
#counter .d5{background-position: -50px 0px; width: 7px;}
-
#counter .d6{background-position: -60px 0px; width: 7px;}
-
#counter .d7{background-position: -70px 0px; width: 6px;}
-
#counter .d8{background-position: -80px 0px; width: 7px;}
-
#counter .d9{background-position: -90px 0px; width: 7px;}
例えば以下の様に埋め込んだ場合は、その下の様に出力されます。
-
<p id="counter">
-
<?=total(2)?>
-
<?=today(2)?>
-
</p>
更新履歴
| 2008/03/10 | 大晦日のレポートデータを翌年のファイルに記録してしまうバグ修正 |
| 2008/02/16 | 簡単なレポート表示追加 |
| 2007/10/17 | スプライトモード追加 |
| 2007/09/23 | ファイルロックを更に強化 |
| 2007/09/19 | ファイルロックを修正 |
| 2007/05/20 | ロボットのカウント除外設定追加 |
| 2006/11/26 | キリ番機能、一定時間内計測、などの変更と追加 |
| 2005/08/01 | リリース |