（日計JavaScriptカウンタ）

■ 特長

累計カウントを画像表示で、昨日と本日のカウントをテキスト表示するカウンタです。
テキスト表示は、SSIを使わずJavaScriptで表示しますので、SSIを使用できないプロバイダでも使用が可能です。
GIF画像連結モジュールとして、gifcatl.plとImage::Magickの両方に対応しています（設定ファイルで切替）。
このスクリプトを利用する上での利用規定です。必ず目を通しておいて下さい。スクリプトをダウンロードする場合、「利用規定」に同意したものとみなします。

■ プログラムの入手

以下の書庫ファイルをダウンロードします。
Ver: 2.1 cupid.zip

ダウンロード後、解凍します。以下のファイルが展開されます。

cupid.cgi ------------ カウンタプログラム
init.cgi ------------- 設定ファイル
check.cgi ------------ 動作チェックプログラム
cupid.js ------------- データファイル
lib/gifcat.pl -------- GIF連結ライブラリ [入手元]
lib/magick.pl -------- Image::Magickモジュール用プログラム
gif/0.gif ... 9.gif -- GIF画像 [入手元]
test.html ------------ カウンタ表示用HTML（サンプル）

カウンタ画像は以下のページへ行くとバラエティに富んだものが多くあります。
Digit Mania
なまらホームページ
イラスト工房
★HeartToMe★

みいFactory
まゆ工房
ハイロックネット工房
イラストア

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

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

【ディレクトリ構成例】

public_html / index.html ... ここにカウンタを設置するものとする
     |
     +-- cupid / cupid.cgi [705]
           |     cupid.js  [606]
           |     check.cgi [705]
           |     init.cgi  [604]
           |
           +-- lib / gifcat.pl
           |         magick.pl
           |
           +-- gif / 0.gif .. 9.gif

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

$cf{image_pm} = 0;

画像連結の形式を指定します。gifcat.plを利用する場合は「0」を、Image::Magickを利用する場合は「1」とします。Image::Magickが利用できるサーバであれば、こちらを利用することをお薦めします。同梱のcheck.cgiを起動することで利用の可否を確認できます。

$cf{digit} = 6;
カウント数の桁数を指定します。

$cf{ip_check} = 0;
IPアドレスをチェックし連続カウントを防止する機能です。この機能を使用する場合は「1」とします。
cupid.cgi, check.cgi をエディタで開き、以下の個所を修正します。

#!/usr/local/bin/perl

（プロバイダで定められたPerlへのパスを指定します）
check.cgiを直接呼び出します。設定内容の簡易チェックを行い、結果を表示します。
サンプル

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

【累計カウンタ記述例】
<img src="http://www.example.com/cupid/cupid.cgi">

【昨日・本日のカウント数記述例】
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.example.com/cupid/cupid.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
T++;
document.write("昨日：" + Y);
document.write("　");
document.write("本日：" + T);
// -->
</SCRIPT>

【参考】累計カウンタもテキスト表示するとき
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.example.com/cupid/cupid.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
T++; C++;
document.write("累計：" + C + "<br>");
document.write("昨日：" + Y);
document.write("　");
document.write("本日：" + T);
// -->
</SCRIPT>

■ ファイルの転送

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

ファイル名	パーミッション		転送モード
ファイル名	一般サーバ	suEXECサーバ CGIWrapサーバ	転送モード
cupid.cgi check.cgi	755 or 705	701 or 700	アスキー
cupid.js	666 or 606	604	アスキー
init.cgi	644 or 604	600	アスキー
lib/*.pl	-	-	アスキー
gif/*.gif	-	-	バイナリ

Tips:ファイル転送の仕方は以下のページを参考にしてください。

FTP : Windows編

FTP : Macintosh編

以上、設定が完了したら「チェックモード」で動作チェックを行ないます。「check.cgi」に直接アクセスします。なお、動作チェック後はchekc.cgiはファイル削除しておきます。

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

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

人目の訪問者です。

■ 補足事項

総カウント数を途中から開始したい場合
- 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を使用しているので、ブラウザが対応していなければ当然ながら正常に表示されません。

■ おすすめページ

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

indexへ戻る

ホームページに戻る

ページトップへ

| 掲示板 | チャット | カウンター | パスワード制限 | データ収集加工 | 買物カート | バラエティ系 | ユーティリティ | 利用規定 | サポート＆FAQ | Perl入門 | ▲トップ |
Copyright © KENT-WEB & KENT-NET 1997-2011.