Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介

  • Twitter
  • Feedly
  • HOME > 
  • PHP > 
  • アクセスカウンター
PHP

アクセスカウンター ver 1.0.1

アクセス総数、本日のアクセス数、昨日のアクセス数、を表示するアクセスカウンターです。表示はHTMLの<img>とJavaScriptで行っていますので、SSI等を使えない環境でも表示することが出来ます。数字の画像を変更することでアクセスカウンターのデザインを簡単に変更することが出来ます。

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

    特長

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

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

更新履歴

2017/08/09  ver1.0.1・PHP7に対応しました
2007/08/05  ver1.0.0・新規公開

関連記事

こちらの記事も読まれています

Follow us on Twitter Subscribe RSS Follow us in feedly
NATURAL PRESS

カテゴリー

このサイトについて

JavaScript・PHP・Vue.jsのサンプルや参考リンク、WEBサイト(ホームページ)で使えるアイコンや写真等の素材をダウンロード出来ます。

他にも、無料で使えるブロガーやアフィリエイター向けの、WordPressマガジンテーマ「NATURAL PRESS」を公開しています。ダウンロードや更新情報は、こちらのサイトで公開しています。

また、「WEB上手」は全ページリンクフリーですのでご自由にリンクしていただけます。リンクしていただけますと嬉しいです。

WordPress Theme NATURAL PRESS by WEB-JOZU.com