フォルテのブログカスタマイズVol.27～アクセスの多いページをサイドバーに表示

リンクリスト作成のために加入したBlogPeapleですが、その中に「Blogツールのリンク集」を発見。
プラグインに追加できる色々なモノが出ております。
例えば「BlogPet」だったり「タグフレンズ」だったり･･･。

この中の「サイドバー.jp」を見てみると、「リンク元リスト・サイト内アクセスランキング」を設置できるらしい。 →

リンク元リストは別にいらないんだけど、サイト内アクセスランキングって、ブログ内でアクセス数が多いページが分かるのよね?
ふむふむ、コレ欲しかったー。どこかで見かけて、羨ましかったんだー。
自分のブログの中で、どういった傾向の記事がアクセスが多いのかは気になる所だったりするじゃないですか、ヤッパリ。

まずは「サイドバー.jp」に登録です。無料です。
で、ログインしたら、サイトのURLを登録した上で、「アクセス統計を使いたい」のページでコードを取得。
↓こんなの↓ね。

＜script type="text/javascript"＞userid="USER49976"＜/script＞
＜script type="text/javascript" src="http://sidebar.jp/app/app_noapplet.js" charset="UTF-8"＞＜/script＞

もちろん、ユーザーIDは各人によって異なりますので、ご自分で取得して下さいね。
コードはこれだけでもOKだと思うのですが、私は「リンク元リスト、サイト内アクセスランキングだけを設置」のページを確認して、そこにTBされてる方々の記事を拝見してみる。

そして、「きになるブログ」さんのコチラのページと、「KOROPPYの本棚」さんのコチラのページを参考にさせて頂いて、↓こんな風↓にしてみました。

＜script type="text/javascript"＞userid="USER49976"＜/script＞
＜script type="text/javascript" src="http://sidebar.jp/app/app_noapplet.js" charset="UTF-8"＞＜/script＞
＜style TYPE="text/css"＞

＜!--.sb-referrers {
display: none;
} --＞
＜!--.sb-accesses {
border: 0px;
padding: 2px;
white-space: nowrap;
} --＞
＜!--.sb-title {
font-style: bold;
} --＞
＜!--.sb-list {
padding-left: 0px;
margin: 0px;
margin-bottom: 10px;
height: 330px;
width: 100%;
overflow: auto;
} --＞
＜!--.sb-powered {
font-size: x-small;
font-style: bold;
} --＞
（「＜」・「＞」は実際は半角!!）
コピペ用は↓コチラ↓＜!--.sb-referrers {
display: none;
} --＞
は、リンク元アクセスを出さないようにするためのようです。
「height」や「width」の数値は、全体の表示の大きさなので、適当に変更して頂いても。

あと、タイトルの取得は、大抵のブログが、「ブログタイトル:記事タイトル」となっているので、「：」の右側を取得するようになっているそうです。

が、フォルテはVol21.「h1とかh2とかh3とかでアクセスアップ」にて、コレを「記事タイトル:ブログタイトル」に並べ替えちゃったので、FAQのコチラを見て、↓これ↓をさっきのコードの上に足しました。

＜script type="text/javascript"＞
function editTitle(title) {
var i = title.lastIndexOf(":");
//
if (i > 0) return title.substring(0, i);
return title;
}
＜/script＞

私のように、SEO対策で記事タイトルを左にしていたり、あるいはブログによっては最初からその設定になっている方はコレ必要です。
その他、区切りが「:」じゃなくて、「;」だったり「|」だったりする方用のもこのページに出てます。
で、↓こんな風↓になったものを、「プラグイン」の「フリーエリア」にコピペです。
＜script type="text/javascript"＞
function editTitle(title) {
var i = title.lastIndexOf(":");
//
if (i > 0) return title.substring(0, i);
return title;
}
＜/script＞
＜script type="text/javascript"＞userid="USER49976"＜/script＞
＜script type="text/javascript" src="http://sidebar.jp/app/app_noapplet.js" charset="UTF-8"＞＜/script＞
＜style TYPE="text/css"＞
＜!--.sb-referrers {
display: none;
} --＞
花14

＜!--.sb-accesses {
border: 0px;
padding: 2px;
white-space: nowrap;
} --＞
＜!--.sb-title {
font-style: bold;
} --＞
＜!--.sb-list {
padding-left: 0px;
margin: 0px;
margin-bottom: 10px;
height: 330px;
width: 100%;
overflow: auto;
} --＞
＜!--.sb-powered {
font-size: x-small;
font-style: bold;
} --＞
＜/style＞
（「＜」・「＞」は実際は半角!!）
コピペ用は↓コチラ↓「フリーエリア」への記述は、Vol.14、Vol.25、Vol.26と一緒。
「カスタマイズ/管理」からプラグインを追加。新規追加です。
「上級者向けプラグイン」の「フリーエリア」を追加して下さい。

すると、「ココに何か書き込むのだぞ!!」というテキストエリアがありますので、ココにさっきのコード貼り付けます。

で!!
ﾌﾘｰｴﾘｱHTML

このまんま「この内容で設定する」で再構築をかけても何も出ません･･･。
えーっとね、ココが大事!!
今コードを貼り付けた「テキストエリア」と「設定する」の間に「改行設定」というのがあります。
これが「改行をタグに変換」にチェックが入っていると思います。
コレを「変換しない」にチェックを付けて下さい。

「変換しない」を選んだかどうかもう一度確認して、下にある「この内容で設定する」ボタンを押して、チャッチャと再構築!!

プラグインを追加した時は、プラグインの順番を入れ替えて指定の場所にしたり、プラグインの名前を設定する事を忘れずにね。

これで、1時間ほど経つと、ブログ内でのアクセスランキングが表示されるのであります!!
ｻｲﾄ内ｱｸｾｽﾗﾝｷﾝｸﾞ

ただしですね、私のような2カラムのデザインの場合は、コレで大丈夫だったのですが、デザインによっては、個別記事にも入れなきゃいけない事もあるようです。
この辺りはよく分かりませぬ。

1時間以上経っても、表示されなければ、「サイドバー.jp」内のFAQ及びトラブルを参考にして色々やってみて下さいね。
時々サーバーの状態が不安定な時なのか、アクセスランキングが表示されない事もありますが、無料で使わせて頂いているので、ある程度は仕方が無いのかな、と。

フォルテのブログいじり一覧表（時系列）
フォルテのブログカスタマイズ一覧表（ジャンル別）

（2008.6.10追記）
先方のサーバーダウンにより開く時間がかかるので、この機能は一旦外しました。

★不動産情報満載→