WEB上手 - おすすめパソコン選び・用途別カスタマイズ法紹介

  • このサイトについて
  • サイトマップ
  • お問い合わせ

WEB上手トップ > PHP > アクセスカウンター

PHP

アクセスカウンター ver 1.0.0

アクセス総数、本日のアクセス数、昨日のアクセス数、を表示するアクセスカウンターです。表示はHTMLの<img>とJavaScriptで行っていますので、SSI等を使えない環境でも表示することが出来ます。数字の画像を変更することでアクセスカウンターのデザインを簡単に変更することが出来ます。「Material」の「カウンター素材」でも数字のデザイン素材をアップしてありますのでお気に入りのデザインがありましたら変更してみてください。

ディレクトリアクセスカウンターのダウンロード (7KB)
   ※ご利用規定に同意出来る方のみご利用ください。

    特長

  • アクセス総数、本日のアクセス数、昨日のアクセス数を表示することが出来ます。
  • SSIを使わずにHTMLに簡単に設置することが出来ます。(PHPを利用)
  • 二重にカウントしません。
  • 数字の画像を入れ替えることで、簡単にデザインを変えることが出来ます。

  • まずはアクセスカウンターをダウンロードします。
  • 「ディレクトリ構成」に従って「ct」フォルダをアップロードしてください。
    今回はアップロードの際は、「img」フォルダは「バイナリモード」、
    その他は全て「アスキーモード」でアップロードします。
    アップロード後、[ ]内に書いてある通りにパーミッションを変更します。
  • 「記述」に従ってアクセスカウンターを設置したいページに記述します。
    「//総閲覧数の設定」、「//本日の閲覧数の設定」、「//昨日の閲覧数の設定」で
    それぞれの表示テキスト、表示桁数を設定します。
  • 「サンプル」のように、ページを表示した際にそれぞれの数字がカウントされれば完成です。
  • ディレクトリhome
  • テキストindex.html (アクセスカウンター設置ページ)
  • ディレクトリct
  • ディレクトリimg
  • 画像0.gif 〜 9.gif
  • テキストcount.js [707]
  • テキストcounter.php

※[ ]内はパーミッション(属性)の設定値。記述されていない場合は変更なし。

<html>
<head>
<title>アクセスカウンター設置ページ</title>
</head>
<body>

<script language="JavaScript" type="text/javascript">
<!--

//総閲覧数の設定
alPosNum = 7; //桁数
alTxt = "総閲覧数"; //表示テキスト

//本日の閲覧数の設定
tdPosNum = 5; //桁数
tdTxt = "本日の閲覧数"; //表示テキスト

//昨日の閲覧数の設定
ysPosNum = 5; //桁数
ysTxt = "昨日の閲覧数"; //表示テキスト

document.write('<table border="0"><tr><td><font size="2">' + alTxt + '</font></td><td>');

document.write('<img src="ct/counter.php?pos=0" width="0" height="0" />');
for(i=alPosNum; i>0; i--){
document.write('<img src="ct/counter.php?pos=' + i + '&st=al" />');
}

document.write('</td><td>  <font size="2">' + tdTxt + '</font></td><td>');
for(i=tdPosNum; i>0; i--){
document.write('<img src="ct/counter.php?pos=' + i + '&st=td" />');
}

document.write('</td><td>  <font size="2">' + ysTxt + '</font></td><td>');
for(i=ysPosNum; i>0; i--){
document.write('<img src="ct/counter.php?pos=' + i + '&st=ys" />');
}

document.write('</td></tr></table>');

-->
</script>

</body>
</html>

更新履歴

2007/08/05  ver1.0.0 ・新規公開

ページの先頭へ戻る



WEB上手TOP | JavaScript | PHP | Flash | Material | このサイトについて | サイトマップ | お問い合わせ

Copyright (C) 2007-2008 WEB-JOZU. All Rights Reserved.