カウンターを設置してみましょう。 
 
 プロバイダーが用意しているカウンターから、トータル・前日・当日のカウントを表示できるカンターに
 変更してみましょう。
 最初のページについているカウンターはSSIで動作しているため、使えるプロバイダーが少ないので
 CGIのみを許可しているプロバイダーで動作するカウンターを設置例にしてみました。

 有名なKENT WEBさんのDay Counterを設置してみましょう。

 設置前にKENTさんのCGIスクリプト利用規程をお読みください。

 ●設置作動例です●
    
あなたは累計
人目の訪問者です。
(本日は番目のアクセスです。 また昨日は人のご来場者がありました)


 さあ頑張って!あなたのサイトに付けてみましょう。

 ●最初に何をすればよいのでしょう●

   スクリプトをあなたのコンピューターに持って来なければ話が先に進みません。

  ダウンロードと言います。

   KENT WEBさんのページに行きます。
   Day Counter(日計カウンターの設置法)のページに入ってください。


   プログラムの入手の下のDay Count.LZHもしくはDay Count.ZIPをクリックしてください。
   画面の指示に従って頂ければあなたのコンピューターのあなたの指定したフォルダーに到着で
   す。


  プログラムの入手


  
   スクリプトだけではこのカウンターは表示できないので、KENT WEBさんの紹介しているところとか
   でカウント数字画像をスクリプトと同じ手順でダウンロードしてください。
   累計用の画像と本日・昨日用の2種類の画像が必要です。

   例題の画像はまゆ工房さんの素材を使用しました。

  
 ●圧縮ファイルを解凍する●

   先に紹介した解凍ソフトはLZH・ZIPどちらでも大丈夫です。
   これといって難しい操作はないと思いますが、各ソフトの説明はちゃんと読みましょう。

    日本人は世界一説明書を読まない民族らしい!

  
 ●急いじゃだめよ!●

   あなたの指定したフォルダーに到着したスクリプトは、そのままでは解説ページのようにはなって
   いません。あなたのお使いの解凍ソフトで圧縮されたスクリプトを元に戻してください。
   適当な名前の一時保存ができるフォルダーを作って、そこに一時保存する。
  (インスタントラーメンだと思えばわかる?)
   解凍が成功すると次のスクリプトが出て来るはずです。(失敗したらやり直し!)

   ・daycount.cgi
   ・daycount.dat
   ・gifcat.pl


   それとカウント数字画像も解凍しておいてください。

 ●説明に従い設置してみましょう●

  
「KENT WEBさんの解説です」
  • カウンタを設置するファイルはトップページ(index.html)とし、その下に daycountディレクトリを作成し、その下にカウンタ画像を格納するサブディレクトリ「gif1ディレクトリ」と「gif2ディレクトリ」を、さらにロックファイル用ディレクトリ「lockディレクトリ」を作成します。
    ★なにやら難しい事がでてきましたねー★
      
      public_html
      あなたのコンピューターでホームページを作って保存しているフォルダーの名前は
      なんですか?
      私はこのページの親ページと同じでjsroomになっています。
       (http://www9.wind.ne.jp/JsROOM/ だからです)
      私のコンピューターでいうjsroomが解説のpublic_htmlのところになります。
      わかります?
      あなたのコンピューターでホームページのindex.htmlが保存してあるフォルダーです。
      この下に構成例のようにdaycountとgif1とgif2とlockの4つのフォルダーを作ります。
              (あなたのコンピューターの中でですよ!)

      注意 プロバイダーによっては、CGIを置くフォルダーが指定されている場合があります!

     Windowsのエクスプローラーでしたらこんな感じです。
     
     フォルダーの作成
  • 全体のディレクトリ構成例は以下のとおりとなります。(かっこ内はアクセス権の設定値です)
   ★アクセス権???? 
  
   とりあえず先に進みましょう★

  【構成例】

   public_html / index.html ... ここにカウンタを設置するものとする ←←設置例ですから
     |                                   (他のところでも大丈夫!)
     +-- daycount / daycount.cgi [755]
           |     daycount.dat [666]
           |     gifcat.pl [644]
           |
           | +-- gif1 / 0.gif, 1.gif, ... 9.gif
           | +-- gif2 / 0.gif, 1.gif, ... 9.gif
           |
           | +-- lock [777] /

 
 ★ファイルをフォルダーにコピーします★
   先にフォルダー作ってそこに解凍すれば良いように思いますが、スクリプト作者の圧縮によって
   はフォルダー形式で圧縮している時があり、面倒ですが初心者にはこちらの方法が確実です。
   あなたの一番やりやすい方法でやってください。
   それが一番失敗が無いと思います。

   解説の設置例のとおりのフォルダーに指定されたファイルをコピーします。
   指定されたものは絶対にすべて入れる事!
   一つ忘れても動きませんよ。

 「KENT WEBさんの解説の続き」
  • 次に daycount.cgiエディタ で開き、以下の個所を修正します。
    ★出てきましたエディタです★
      用意するもののページで説明したエディタです。
      MKEditor for Windowsでしたら、一番左上の「ファイル」をクリックして次ぎに開くをクリック
      します。 ファイルを指定する画面が出ますので、あなたがdaycount.cgiを入れたフォルダー
      を指定します。
      
      あれー入れたはずなのに、表示されない?

      ファイルを指定する画面の小さい窓の下側のファイルの種類ですべてのファイルを選択
      してください。 今度はdaycount.cgiが見えるでしょ。
     
      Win2000だとこのようになります。
    エディターでファイルを開く



   ちょっと小さくしていますが指定のdaycount.cgiをMKEditorで開いたところです。

   
   エディターでの修正

    #!/usr/local/bin/perl
(プロバイダで定められたPerlへのパスを指定します)
    ★これは契約しているプロバイダーに聞いてください★
     プロバイダーの指定どおりにしないと動きません。

    
    $digit1 = 5; ←←←最高で99999までの意味
    (総カウント数の桁数を指定します)
    
    $digit2 = 3; ←←←最高で999までの意味
    (昨日/本日のカウント数の桁数を指定します)
    
    $ip_check = 0;
    (IPアドレスをチェックし連続カウントを防止する機能です。この機能を使用する場合は
    「1」とします)
 
     ★初めて開設したホームページは0にしましょう。★
      だってカウント数多いほうがうれしいでしょ?


    $lockkey = 0;
    (ログ消滅防止策としてのファイルロック機構の設定です。サーバでsymlink関数が
    使用可能であれば「1」を、使用できない場合又はよく分からない場合には「2」とします。
    [補足事項])  プロバイダーに確認してください

    $type = 1;
   (通常の表示方法では「1」を、総カウント数を表示させない場合には「2」とします)


 「KENT WEBさんの解説の続き」

   最後に、カウンタを取り付ける index.html内のお好きな場所に以下のような記述をします。

   
   <CENTER><TABLE>
   <TR>
   <TD>あなたは累計</TD>
   <TD>
   <TABLE BORDER=1>
   <TR>
   <TD><img src="daycount/daycount.cgi?gif"></TD>
   </TR>
   </TABLE>
   </TD>
   <TD>人目の訪問者です。</TD>
   </TR>
   </TABLE>
   (本日は<img src="daycount/daycount.cgi?today">番目のアクセスです。
   また昨日は<img src="daycount/daycount.cgi?yes">人のご来場者がありました)
   </CENTER>


   ★これが初心者にとっては、難関ですよね?★

   記述と言ったって、コピーして貼付けます。
   コピーはこの場合<CENTER><TABLE>の左端でマウスを左クリックしたまま一番下の
   </CENTER>までドラッグしてその部分を黒く選択してください。
   上のはだめです、いらない改行コードが入りますからKENTさんのページから
   正式にコピーしてください。
(礼儀としてここでコピーはできないようにしました)
   次にその黒い上で右クリックしてコピーをクリックしてください。

   これでコピーはとりあえずできました。

   「貼りたい場所が分からないよーーー」
 
     そうなんですよ、初心者はhtmlソースのどこに貼って良いのかがわからないのです。
    でも初心者でもわかる簡単な方法があるんです。
    ホームページビルダーしか説明できないけど、大抵のホームページ作成ソフトは同じ
    機能があると思います。

   作業方法
    1.挿入したいページをホームページ作成ソフトで開く。
    2.編集画面で挿入したい所に「ここだよ」と言った決めた語句を入れる。
      何でも良いです、位置を知りたいだけだから。
    3・HTMLソースの画面に切り替える。

  ■編集画面■

  スクリプトの挿入


  ■ソース画面■

  スクリプトの挿入


    ね!ここだよがあったでしょ。ここに先程コピーした物をマウスの右クリックをして貼付けを
    選べばできあがり!!! 「いけね!ここだよは消しとかなければ」

   
 「KENT WEBさんの解説の続き」

  ファイルの転送(アップロード)
   スクリプトファイルは「テキストモード」で、カウンタ(GIF)画像は「バイナリモード」
   FTPファイル転送します。
  (総カウント用のGIF画像はgif1ディレクトリへ、昨日本日カウント用のGIF画像は
   gif2ディレクトリへ転送します)

  ★みなさんは、ホームページの転送ができているのでいつもどおりに転送してください。
   ですがKENTさんも太字にしているように転送モードを間違うと動作しないので注意
   してください。
 
   FFFTPでしたらオプションで転送モードを一気に指定できます。

   これは各ソフト毎に違うので、説明書やヘルプで「転送モード」について調べてください。
 
  ■私はこのように指定しています。■

  ファイルの転送


  アクセス権を設定します。 KENTさんがパーミッションについて詳しく解説で解説しています。
  
ファイル名 アクセス権
daycount.cgi 755
daycount.dat 666
gifcat.pl 644
daycountディレクトリ 777

  ★先程???だったアクセス権です。スクリプト作者によってはパーミッションと書いています。★ 

   FFFTPを例に説明します。
   CGIのスクリプトは、Windowsのソフトのようにファイルを置いてアクセスしただけだと
   動きません。
   そのファイルにアクセス権(パーミッション)を指定しないといけません。
   初心者のいけない癖は、そこで何でどうして???となってしまうところです。
   スクリプト作者が指定した物をとりあえずオマジナイ位に思ってそのとおりにしましょう。
   動かなくて初めてスクリプトの作者に聞いてみるのです。
   乱暴ですが、あなたの第一目的はスクリプトを動かすことでスクリプト作者になる事では
   ないでしょう?
   動くようになってから、時間があったらなんでどうしてを勉強しましょう。

  ■FFFTPは、アクセス権・パーミッションと書いてありません。
   コマンドのところにある属性の変更がそれにあたります。
   FFFTPの場合実はもっとかんたんです。
   接続後に画面右側の変更するファイルのところで右クリックすると吹き出しがでますから、
   その中の属性の変更をクリックしてください。

   パーミッションの変更


   この画面がでたら、例えばdaycountディレクトリでしたら755を777に変更することになります。


   KENTさんの指定事項をもれなくクリアしていれば、設置したページにアクセスすれば
     このページのように表示されます。もし完璧にしても表示されない場合、あなたが契約
     しているプロバイダーのパーミッション指定が違うかもしれませんので、プロバイダーに
    確認してみましょう。


                    - エラーがでたらどうしよう -
 
                  - がんばって 掲示板にも挑戦する -
               
               - 毎日使える厳選リンクで使っているCGIの紹介 -



                      - 最初のページに戻る -