アサブロにASAHIネットのアクセスカウンタを付ける方法
2008-12-27


禺画像]
私はPV(ページビュー)に興味がなかったので、アクセスカウンタを付けてなかったのですが、「アサブロにアクセスカウンタがない」と嘆く(大げさな)昔のブログをたまたま見たので、だったらASAHIネットのサービスだけで、アサブロにアクセスカウンタを設置する方法を書いてみようと思った次第。

アクセス解析置いてるくせにとか思う方もいるでしょうが、ブログを更新してないのに時々ランキング入りしてたので、なんでだろうと不思議に思って11月4日からアクセス解析を置いてみだだけだったり。このブログの目的を聞いたら多分、あきれかえるか馬鹿じゃね?と思うことでしょうwww秘密秘密。

ASAHIネットのカウンタを用意する

FTPが必須になります。
個人ホームページサービス
の内容を理解する必要があります。

次にアクセスカウンタの解説を見ましょう
アクセスカウンタ
設置方法は
アクセスカウンタの基本
に記述されています。
STEP.1-2の例は<head>の前に<html>のタグが抜けてますね。

カウンタ設置前の注意
カウントの開始値を変える
ことができますが、設置する初回に指定しないと、カウント開始した後では開始値を変更できません。
開始値が変えられるのに後で気づいてポカーンとしないようにw

私はフリーアドレスを設定してますので、フリーアドレスの書式で用意しました。(開始値を変える場合はこれに「|st=10000」などとくわえる必要があります)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>counter</title>
</head>
<body bgcolor="transparent">
<IMG SRC="http://cgi.www.ne.jp/cgi-bin/Count.cgi?df=index.dat|dd=D|md=10|ft=0|tr=Y|prgb=61;155;179" ALT=""><br>
<small>Since 2008.12.27</small>
</body>
</html>

<body bgcolor="#393a38" text="#8F9192">
IEが全て悪い。ブログの背景色と文字色をセットしましょう

<body bgcolor="transparent">とiframeにallowtransparency="true"を加えるとIE 6でも透過表示にできました。

<IMG SRC="http://cgi.www.ne.jp/cgi-bin/Count.cgi?df=index.dat|dd=D|md=10|ft=0|tr=Y|prgb=61;155;179" ALT=""><br>
prgb=はカウンタの文字色を十進数で指定しましょう。十六進数は何故か受け付けてもらえませんでした。

あとはサンプル集を見るのが手っとり早いでしょう。

出来上がったら、名前を付けて保存します。私は「asablo.html」としました。

ASAHIネットのカウンタを設置する

用意したカウンタをASAHIネットの個人ホームページにFTPでアップロードします。
アクセスカウンタの基本のSTEP.2です。
FTPの設定方法
私はフリーアドレスの中にasabloのフォルダを作ってその中にアップロードしました。

ASAHIネットのカウンタをブログに組み込む

おまじないと思って、アサブロのCSSの末尾に次の文を加えます。
iframe {
        margin: 0;
        padding: 0;
        border: 0;
        background-color: transparent;
}

ツールバーに設置する場合を説明します。
ツールバーの設定で、メッセージを追加します。
メッセージツール編集で「新規メッセージ」を編集します。

続きを読む

[PC]
[アサブロ]

コメント(全2件)
コメントをする


記事を書く
powered by ASAHIネット