日計JavaScriptカウンタ

(日計JavaScriptカウンタの設置法)

■ 特長

累計カウントを画像表示で、昨日と本日のカウントをテキスト表示するカウンタです。
テキスト表示は、SSIを使わずJavaScriptで表示しますので、SSIを使用できないプロバイダでも使用が可能です。
画像表示には、GIF画像連結処理を施していますので、表示が早く、そして美しいという特性があります。
このスクリプトを利用する上での利用規定です。必ず目を通しておいて下さい。スクリプトをダウンロードする場合、無条件に「利用規定」に同意したものとみなします。

■ プログラムの入手

以下の書庫（圧縮）ファイルをダウンロードします。

Ver: 1.3

cupid.zip
ダウンロードできたら解凍しましょう。以下のファイルが展開されます。

cupid.cgi
cupid.js
gifcat.pl ... ( とほほ氏作のライブラリを再配布するものです）
test.html ... テスト用HTMLファイル
次に1～10までのカウンタ画像（GIFファイル）を用意し、それぞれ"0.gif, 1.gif,....9.gif"とします。

（GIF画像例）

Ver: 1.3
cupid.zip

カウンタ画像は以下のページへ行くとバラエティに富んだものが多くあります。

海外サイト	国内サイト
Digit Mania Merlin Media	なまらホームページイラスト工房 ★HeartToMe★ みいFactory まゆ工房ハイロックネット工房イラストア

(注) 共通して言えることですが、有償レンタル（商用）への利用には使用制限のあるものがありますので、必ず使用する各WEBページの「利用規定」を確認してください。

■ プログラムの修正と設置

カウンタを設置するファイルはトップページ (index.html) とし、その下に cupidディレクトリを作成し、さらにその下にロック用ディレクトリ「lock」と、カウンタ画像を格納するディレクトリ「gif」を作成します。

全体のディレクトリ構成例は以下のとおりとなります。(かっこ内はアクセス権の設定値です)

【ディレクトリ構成例】
public_html / index.html ... ここにカウンタを設置するものとする | +-- cupid / cupid.cgi [705] | cupid.js [606] | gifcat.pl [604] | +-- gif / 0.gif .. 9.gif

次に cupid.cgiをエディタで開き、以下の個所を修正します。

#!/usr/local/bin/perl
（プロバイダで定められたPerlへのパスを指定します）

$gifdir = "./gif/";
（画像ディレクトリを指定します。フルパスで記述する場合は / から始るパスで記述して下さい）

$degit = 6;
（累計カウント数の桁数を指定します）

$ip_check = 0;
（IPアドレスをチェックし連続カウントを防止する機能です。この機能を使用する場合は 1 とします）

最後に、カウンタを取り付ける index.html内のお好きな場所（<body>～</body>タグの間)に以下のような記述をします。

【累計カウンタ記述例】 <img src="http://～～/cupid/cupid.cgi"> 【昨日・本日のカウント数記述例】 <SCRIPT LANGUAGE="JavaScript" SRC="http://～～/cupid/cupid.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> 【参考】累計カウンタもテキスト表示するとき <SCRIPT LANGUAGE="JavaScript" SRC="http://～～/cupid/cupid.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

【参考】スクリプトのチェックモード機能を利用してチェックすることが可能です。
- ブラウザのＵＲＬ欄に、http://～～/cupid/cupid.cgi?check というように check という引数を付けて cupid.cgi を起動してみましょう。
- ログファイルのパスやパーミッション、画像ディレクトリのパス等の簡易的なチェックを行い、その結果をブラウザに表示します。

■ ファイルの転送

スクリプトファイルとログファイルは「テキストモード」で、カウンタ(GIF)画像は「バイナリモード」でＦＴＰファイル転送します。ファイル転送の仕方は以下のページを参考にしてください。（総カウント用のGIF画像はgifディレクトリへ転送します）

Windows編 Mac編

転送後、以下のとおりパーミッションを設定します。

ファイル名	パーミッション		転送モード
ファイル名	一般サーバ	suEXECサーバ CGIWrapサーバ	転送モード
cupid.cgi	755 or 705	701 or 700	アスキー
cupid.js	666 or 606	604	アスキー
gifcat.pl	644 or 604	600	アスキー
lockディレクトリ	777 or 707	701 or 700	-
*.gif	-	-	バイナリ

【以下のように表示されれば成功です】

あなたは当ページを訪れた累計

人目の訪問者です。

■ 補足事項

総カウント数を途中から開始したい場合
- cupid.js をエディタで開くと、以下のように定義された文字が並んでいます。
  
  D='15:';C='0';Y='0';T='0';
  
  D='15:'; ... 15は本日の「日」を意味し、その後にコロン(:)が付きます。例えば本日が10日ならば、D='10:'; とします。
  C='0'; ... 累計カウントを意味します。例えば、1000から始めたい場合には C='1000'; とします。
  Y='0'; ... 昨日のカウント数を意味します。例えば、100としたい場合には、Y='100'; とします。
  T='0'; ... 本日のカウント数を意味します。例えば、50から始めたい場合には、T='50'; とします。
  
  ※ログの編集時に「改行」を入れないように注意してください。
- cupid.js の修正が完了したら、テキストモード（バイナリモードでもOK) でFTP転送し、上書きしてください。
JavaScriptの制限上の注意
- 機構上、JavaScriptの外部ファイルをCGIで書き替えるという動作を行うため、以下の制限があります。
  → 日が替わった最初のアクセス時は、表示上は前日の最終アクセス数になります。
  → 通常は、cupid.jsが読み込まれた後に、cupid.jsの書き込み処理が行なわれますが、まれに（タイミング的に）書き込み処理が最初に行なわれると、表示数が１つ進んで見えることがあります。
- 日計表示には JavaScriptを使用しているので、ブラウザが対応していなければ当然ながら正常に表示されません。
  一応の動作目安は、Internet Explorer 4.0 以上、Netscape 4.0 以上です。

CGIの実行ディレクトリが専用ディレクトリで指定されるプロバイダの場合（@niftyなど）

ログファイル cupid.js は、http://からのURLで呼出すため、HTML側ディレクトリに置く必要があります。（CGI専用ディレクトリに置いてはいけません）

【@niftyでの設置例】

ホームディレクトリ
     |
     +-- cgi-bin / cupid.cgi
     |      |      gifcat.pl
     |      |
     |      +-- gif / 0.gif .. 9.gif
     |      |
     |      +-- lock /
     |
     +-- homepage / index.html ... (トップページ)
            |
            +-- cupid / cupid.js


  [ 設定変更箇所 ]  $logfile = '/homepage/cupid/cupid.js';

■ おすすめページ

Cupidカウンタ改造編（@niftyでのアニメGIF対応への改造方法）
アニメGIF表示へのカウンタ改造計画