« 「MARBLE」 オンラインショップ プチリンク集 | メイン | どっちの「カゲロウ」でショー! »

MovableTypeのアクセス解析を[dopvSTAR*]で

なんでいままでこれを書かなかったというと、既に別の方のノウハウが公開されているからですが。
所謂ココログや yaplog といった既製品 blog の解析に慣れたわたくしといたしましては、MTにもその方法をあっさり適用しちゃったわけで。 笑
こんな方法もありますよーということで、お蝦な、いえお暇な方は併せてお読みくださると嬉しいです。

まず、他のblogの解析同様、スクリプトを書きます。ファイル名を短縮してページ名にほうりこむルーティンが微妙に違う以外、ココログやヤプログとほとんど変わりません。 笑
いつもはページ名生成の部分だけ抜粋してるんですが、今日は大サービスでスクリプトまるごといっちゃいます♪ といっても、いつも省略していた部分は要するに「Javascript + IMG式」として [dopvSTAR*] の紹介ページに掲載されているものの丸写しなんですけどね。

var pg_pfx = "Sky_";

var pgx = location.pathname.split('/');
var a = "&&";
var pf = navigator.platform + a; var lng = navigator.language + a;
var swh = screen.width + "x" + screen.height + a;
var cd = screen.colorDepth + a; var pd = screen.pixelDepth + a;
var rf = document.referrer;
var pg = "", i = 0;

if (location.href.match(/cache/i)) {
pg = location.hostname + "_cache";
} else if (pgx.length < 4) {
pg = 'top';
} else if (location.pathname.match(/archives/i)) {
for (i = 0 ; (i < pgx.length) && (i < 3) ; i++) {
if (!(pgx[pgx.length - (i + 1)].match(/archives/i))) {
pg = pgx[pgx.length - (i + 1)] + pg;
}

}

} else {
for (i = 0 ; (i < pgx.length) && (i < 2) ; i++) {
pg = pgx[pgx.length - (i + 1)] + pg;
}

}
pg = pg_pfx + pg;

document.write("<a href=\"http://www.bayashi.net/st/\">");
document.write("<img src='http://([dopvSTAR*]が設置されているホスト&パス)/dsw.cgi?");
document.write("pg="+pg+a+"pf="+pf+"lng="+lng+"swh="+swh+"cd="+cd+"pd="+pd+"rf="+rf);
document.write("' width=1 height=1 border='0' alt='.'></a>");

さて、ここからが針中野ミュージック流(笑)のMovableTypeへの適用方法です。

少し前にも書いたとおり、この blog はトップページ、アーカイブ、個別記事のすべてにまったく同じ右サイドバーを適用するため、右サイドバーをテンプレートモジュール化しています。それを活かさない手はありません。 (テンプレートモジュール化については、先述の「少し前にも……」と書いてあるリンクを参照してください) ですので、先述のスクリプトも色々なタイプのページに汎用的に使えるように書いてあるのです。

テンプレートモジュール化している右サイドバーに、このスクリプトを呼び出す部分を挿入します。

<div>
<script type="text/javascript" src="http://(スクリプトが設置されているホスト&パス)/hm_star2.js"></script>
<noscript>
<a href="http://www.bayashi.net/st/"><img src="http://([dopvSTAR*]が設置されているホスト&パス)/dsw.cgi?pg=Sky_somepage" width=1 height=1 alt="."></a>
</noscript>
</div>

テンプレートモジュールを保存し、サイトを全部再構築すれば、これで[dopvSTAR*] の MovableType への設置は完成です。
そうそう、うちは1x1ドットの画像として[dopvSTAR*]を表示しています(つまり表向き非表示っぽくしている)ので、カウンタとしてもお使いの方は、<img>要素の表示部分をそれなりに変更して使ってください。

針中野バージョンの利点は、なにか変更があったとき書き換えが少なくて済むことでしょう。短所は、同じサイドバーなど、解析してほしいページすべてに共通のテンプレートモジュールを使っている blog でないと使えないこと。逆に言えば、そういった blog の場合は、アクセス解析専用のテンプレートモジュールを作るという手もあります。

* comments *

* trackbacks *

* Drecom RSS *