スポンサーサイトあとで読む

FC2ブログで関連エントリーリストあとで読む


ブログでアクセスアップをするために、ページビューを増やすのは大切なことです。そして、ブログでページビューを伸ばすのによい方法は、関連記事を表示して、似た記事を読者に紹介することです。

ただ、FC2ブログでは、タグのカスタマイズだけではその機能を実装することはできません。また、巷にある関連エントリージェネレーターは、毎回コピペで貼る手間がかかったり、広告がでかすぎたり、うまく関連エントリーを抽出できなかったりと、なかなか思うようにうまくいきません。

そこで、FC2ブログ専用の関連エントリージェネレーターを作りました。一度貼れば手間要らずで、自動的に関連エントリーを抽出して表示します。


・コードをコピペするだけ。
・一度貼れば、手間要らずで自動更新。
・はてぶ数表示やリスト数のカスタマイズが可能。
・リストは、タグまたはカテゴリーから選択可能。

こんな感じで、毎回設定する必要はありませんし、簡単に使うことができます。リストはタグをもとに関連度を測定しているので、ほかのジェネレーターに比べて関連度の高いエントリーを抽出することができます。カテゴリーの場合は、同カテゴリーの記事をリストアップします。

では使い方を説明します。



設定は、以下のコードをリストを表示したい場所にコピペするだけです。 下のテキストエリアに表示されているコードを、あなたがリストを表示したい場所に貼り付けてください。例えば、記事の直後とかですね。オプションもお好みに合わせて設定してください。下のチェックボックスは選択と同時に、自動でコードは更新されます。

target="_blank": はてぶ数表示:抽出元: リスト数:

アルゴリズムについて

関連エントリーの抽出はユーザータグまたはカテゴリーによって行っています。タグの場合、エントリーと同じタグが使用されているエントリーをリストアップし、そこからランダムに設定した数だけのエントリーを抽出しています。

確率的には、該当エントリーと同じタグが複数個ある記事のほうが、ひとつだけマッチした記事よりも多く表示されます。ですので、関連性が高い記事がより高い確率で表示されると言えるでしょう。タグのつけ方がキモですね。

カテゴリーの場合は、同カテゴリーのエントリーをランダムに抽出して表示します。

ここからは、リストのスタイルをカスタマイズしたい人向けです。どうでも良い人は読む必要はありません。

リストにスタイルを設定する。


リストは以下のような構成になっています。

   <div id="related_entry">
    関連エントリー
     <ul id="related_ul">
      <li class="related_li">記事のリスト</li>
      <li class="related_li">記事のリスト</li>
                    ・
                    ・
                    ・
     </ul>
	 	</div>

では、ひとつスタイルの設定例を書いておきましょう。

#related_entry {
 margin: 25px 15px 25px 55px;
}

#related_ul {
 padding: 5px;
}

.related_li {
 list-style: url(bullet.gif);
}

こんな感じでデザインを変更したい場合は、適当にスタイルを設定してください。

注意事項


以下の項目に同意した方のみご使用ください。

1. この関連エントリージェネレーターはβ版です。動作保証は致しません。
2. リストの一項目をPRに使ったり使わなかったりするかもしれません。
3. 仕様が変更される場合があります。カスタマイズはほどほどに。

もし気に入って頂けたら、ブログなんかで紹介してもらえると、うれしいです。張り切って、より使いやすいように改良します!それと、質問や感想などのコメント・トラックバックも大歓迎です。

2007/09/29 08:04 | FC2COMMENT(4)TRACKBACK(10)はてなブックマークする TOP

  • Google App EngineでDjango (04/09)
  • Google App EngineでDjangoっぽくアプリ作る。Hello Worldの1歩先。 (04/09)
  • CSSEZリニューアルでお世話になりそうなあれこれまとめ。 (04/03)
  • CSSEZのリニューアルをちょっと垣間見てみない?? (03/31)
  • Vicunaにあったらいいなと思うあれこれ。 (03/28)
  • YUIさんとYUI RADIO (03/06)
  • 敢えて「ひいき」するということ。 (12/14)
  • プロセスの柔軟性を奪うことは何をもたらすのか。 (12/13)
  • ZAPAさんが読みたいブログ(自薦)募集中。 (12/09)
  • 英語版、フィリピン語版CSSEZを公開しました。 (11/13)
  • コメント

    すごいありがたいです!
    でもまだ、、関連記事が出るほどエントリーがない、、

    No:28 2007/10/07 07:25 | 疾風 #wLMIWoss URL編集 ]

    カスタマイズについて

    表示中の記事が、関連記事の中に表示されます。
    カスタマイズで表示されないように出来ますか?
    よろしくお願いします。

    No:39 2008/01/22 22:28 | sk8lion #mXp/vsWg URL編集 ]

    お借りします

    こういうのを探していました。
    感謝します。

    No:43 2008/02/25 19:58 | t2 #ncVW9ZjY URL編集 ]

    ありがとうございます!使わせていただきます。

    No:52 2008/04/17 20:32 | K子 #- URL編集 ]

    コメントの投稿



    管理者にだけ表示を許可する

    トラックバック


    この記事にトラックバックする(FC2ブログユーザー)

    2007/12/26 | カウンターゲーム |

    FC2ブログで関連エントリーリストhttp://blog48.fc2.com/control.php

    以前の記事の過去の関連記事を追加しましたから変更をしていろいろイジッていましたがようやく使い勝手の良いモノを見つけました。    FC2ブログで関連エントリーリスト 今度は...

    2008/01/04 | デジタル独り相撲 |

    FC2Blogの救世主になるか? 「FC2ブログで関連エントリーリスト」を試す(後編)

    FC2Blogで関連エントリを手軽に表示する方法はないものか、と色々試してみてみたものの、どれも一長一短で満足できるものはありませんでした。 ...

    2008/01/09 | レッツFC2ブログ |

    関連エントリーリストを設置する

     せっかく作ったサイトだからたくさんの人にたくさんのページを見てもらいたいものです。けど、古い記事ってどうしても奥へ追いやられます...

    2008/01/24 | 日々 |

    FC2ブログで関連記事を表示する

    おっきなサイトの記事の下によくその記事に関連する記事ってついてますよね。

    2008/02/25 | t2\'s stupidly thinks |

    関連エントリの表示

    昨日書いた『 プチ SEO 対策、手直し作業 』 でもチラッと触れましたが、やはり該当記事に関連するエントリを表示することが重要だと思いました...

    2008/03/03 | ワンダースワンログ |

    FC2ブログで、自動で関連記事リストを表示する方法。

    関連記事リストを表示するようにしようと模索してみたのですが、記事総数がそもそも少ないので止めました。 折角なので、とりあえず閃いた...

    2008/04/12 | 自由人万歳ν(ニュー)タイプ |

    FC2ブログで「関連記事」「関連エントリー」を表示する方法

    livedoorブログを使っていたころから欲しいと思っていたのが「関連記事」を表示する機能。有名ブログで記事を読むと、記事の一番下辺りに「関連...

    2008/04/22 | MS-14D |

    FC2ブログで関連記事を自動で表示する方法

    http://sayhelloworld.blog113.fc2.com/blog-entry-79.htmlブログの関連記事を動的に表示する。これはこのブログにおいて、大きな目標だった。これまでに静的に...

    2008/05/01 | bigchocolate |

    jQueryで無理やり関連エントリーを表示させる FC2ブログテンプレート

    ■FC2ブログで関連エントリーリスト FC2ブログの関連エントリーを表示させることができないかなぁ?なんて検索していたら、辿りついたサイト。...

    2008/05/10 | まあ、とりあえず |

    関連してそうな記事

    記事の一番下に、「関連してそうな記事」を追加してみました。

     | BLOG TOP |