はてなダイアリーへのアクセス解析ツールの導入

shinobi未来瓦版
これをはてなダイアリーのアクセス解析ツールとして導入しました。無料です。バナーも小さくて目立ちません。

たぶん、忍者アクセス解析ツールが提供しているバナーをロードしに行く時のアクセスを解析するっていう仕組みなのか?詳しくはわからない。

1. 新規ユーザー登録｜忍者ツールズからメールアドレスを入力し、仮登録
2. 届いたメールに記載されているURLへ。そこで各種登録情報を入力
3. 登録完了したら、アクセス解析ツールを作る
   • ツールの名前とかてきとーでいいです
4. 初期設定画面からシンプルなバナーの物を選択
   • ポイントつくやつは面倒くさそうだったので使わない。
5. 左のメニュー内、「管理メニュー」から解析用ソースをクリックする。
6. 表示された画面下方に埋め込むべきHTMLソースが表示されるので、の直前までをコピー
   • はてなダイアリーではjavascriptは使えない!だからnoscriptの部分だけ使えばおｋ
7. はてなダイアリーの管理ページに戻り、デザインを編集する
8. 今回は、フッター(メニュー)の最後尾にバナーを追加する。以下のように解析用ソースのコピーを貼りつけた。

</div>
<div class="sidebar">
	<hatena name="profile" template="hatena-module">
	<hatena name="calendar2photo" template="hatena-module">
	<hatena name="sectioncategory" template="hatena-module">
	<hatena name="section" template="hatena-module">
	<hatena name="comment" template="hatena-module">
	<hatena name="trackback" template="hatena-module">
	<hatena name="keywordcloud" template="hatena-module">
	<hatena name="searchform" template="hatena-module">
	<div class="mydiv">
		<div id="counter">
			<a href="http://ct2.ashigaru.jp/gg/xxxxxxxx" target="_blank">
				<img src="http://ct2.ashigaru.jp/ll/xxxxxxxx" border="0" alt="カウンター" />
			</a><br />
			<span id="NINCT1SPANxxxxxx" style="font-size:9px">
				[PR] <a href="http://blog.ninja.co.jp/" target="_blank">ブログ</a>
			</span>
		</div>
		<div id="analysis">
			<a href="http://x7.tudura.com/bin/gg?xxxxxxxx" target="_blank">
				<img src="http://x7.tudura.com/bin/ll?xxxxxxxx" border="0">
			</a><br>
			<span style="font-size:9px">
				<img style="margin:0;vertical-align:text-bottom;" src="http://img.shinobi.jp/tadaima/fj.gif" width="19" height="11">
				<a href="http://brand_kai.jpnz.jp" target="_blank">ブランド　買取</a>
			</span>
		</div>
	</div>
</div>

ちなみにアクセス数カウンターも書いてあるのでややこしいかもしれない。

<div id="analysis">

からがアクセス解析用のソース。

スタイルシートも次のようにしてやった。

div.mydiv {
border-top: 1px solid #A5BCE7;
}

div#counter {
float: left;
width: 50%;
}

div#analysis {
float: right;
width: 50%;
}

こんな感じで、変更を適用して完了。あとは忍のページでアクセス解析結果を見ることができる。