リアルタイムカウンター
はじめに
閲覧者表示を応用した無料サービスです。
簡単な登録作業と、HTMLをちょっと変えるだけであなたのサイトでリアルタイムに閲覧者表示ができるようになります。
前準備
ここでは「http://example.com/~user/index.html」「http://example.com/~user/main.html」に設置するという前提で説明します。
- HTMLの編集
-
どこかに以下のコードを埋め込んでください。
<p id="rc">
</p> - JavaScriptファイルの作成
-
以下の関数を含んだJavaScriptファイルを作成し、サーバーにアップロードしてください。
「http://example.com/~user/rc.js」ということにします。function rcUpdate( count )
{
parent.document.getElementById( 'rc' ).innerHTML = '現在' + count + '名がこのサイトを訪れています。';
}
登録
正常に完了した場合はあなたのIDが表示されます。
HTMLの変更
「http://example.com/~user/index.html」「http://example.com/~user/main.html」のどこかに以下のコードを追加してください。
XHTMLの場合は以下のようにします。
当サイト(Linux Life)もしくはこのページ(リアルタイムカウンター @ Linux Life)へのリンクを作成してください。
以下のバナーをダウンロードして御利用してください。
おわりに
JavaScript次第でデザインはいくらでも変えられるので、どう魅せるかはあなたの腕しだいです。
例えば当サイトでは、imgタグによる画像表示と、人数に変動があった際の背景色の変更を行っております。
素晴らしいものができた際はこちらで紹介させていただきますので、御連絡ください。
なお、登録内容の変更はオンラインではできませんので、お手数ですがメール等でお願いいたします。