2017年08月 / 07月≪ 12345678910111213141516171819202122232425262728293031≫09月
--.--.--(--)
Top Page > スポンサー広告 > FC2ブログで「関連記事」「関連エントリー」を表示する方法

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ(ブログ内検索もできます)

--:--  |  スポンサー広告  |  EDIT  |  Top↑
2008.04.09(Wed)
Top Page > Web/ブログ > FC2ブログで「関連記事」「関連エントリー」を表示する方法

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

ブログ簡単パワーアップ FC2ブログスーパーカスタマイズテクニック
livedoorブログを使っていたころから欲しいと思っていたのが「関連記事」を表示する機能。有名ブログで記事を読むと、記事の一番下辺りに「関連記事」「関連エントリー」という形で記事に関連した記事名とリンクが貼ってあるあの機能だ。

FC2ブログに引っ越し、だいぶ使い方や機能に慣れてきたので「関連記事」を表示する機能やプラグインが無いか調べてみたらが、残念ながら公式では用意されていなかった。そこで「関連記事」を表示する方法が無いか検索してみた。

検索した結果、偉大なる人達がFC2ブログで「関連記事」「関連エントリー」を表示する機能を公開していた。折角調べたのでこのブログでも紹介してみる。
なお、FC2ブログ以外のブログでも使えるものがあるので、他のブログを使っている人にも参考になると思う。

■ FC2ブログで関連エントリーリスト
http://sayhelloworld.blog113.fc2.com/blog-entry-79.html

一番初めに見つけたのが、「FC2ブログで関連エントリーリスト」というサービス。個人の方が個人サーバで運用をしているらしい。
使い方は単純で「target="_blank"」(URLをクリックした時に別窓で開くタグ)を使うか使わないかを選択し、「はてなブックマーク」(はてなのソーシャルブックマーク)を表示するかしないかを選択する。
次に関連エントリーのリストを生成するための参照元を「タグ」にするのか「カテゴリ」にするのかを選択し、リスト(表示する記事の数)をプルダウンメニューから選択する。
最後に出来上がったJavaScriptのソースコードをコピーし、FC2ブログの管理画面にある「テンプレートの設定」から「HTMLの編集」でHTMLソースの任意の場所に貼るだけだ。

試しに貼ってみたのが以下になる。なおリストの参照元は「タグ」にしてある。「カテゴリ」にすると同一カテゴリ内の記事しか抽出されないためだ。
このソースコードを貼っておけば自動的に関連記事リストを生成してくれる。

<!-- <div id="related_entry"><%topentry_no>:<%topentry_title> , </div> -->
<!--permanent_area-->
<div id="related_entry"><strong>関連エントリー</strong><script type="text/javascript" src="http://jp.cssez.com/entry_list.php?u=<%url>&e=<%topentry_no>&t=<!--tag_list--><%topentry_tag_list_parsename>-<!--/tag_list-->&c=<%topentry_category_link>&target=&hatena=&n=7&category="></script><noscript><a href="http://sayhelloworld.blog113.fc2.com/blog-entry-79.html" target="_blank">FC2ブログで関連エントリーリスト</a></noscript>
</div>
<!--/permanent_area-->


■カンジェネ
http://kangene.myhurt.net/
続いて「カンジェネ」というサービス。こちらはブログの「URL」を入力し、更に「任意のキーワード」を入力する。キーワードを複数入力した場合は条件を「かつ」または「または」を選択する。次に「表示件数」をプルダウンメニューから選択し、「記事の要約を「title属性」に含める」「新しいウインドウで開く」にチェックするかしないかを選択する。
最後に「関連記事リストを生成」ボタンをクリックすると、生成結果にソースコードが生成される。このソースコードをコピペすれば終わりだ。文章で書くと面倒そうに見えるが実際の作業はとっても簡単。キーワードされスムーズに出てくればものの2、3分で終わってしまう。

下が生成したコード。こんな感じで生成される。残念なことは自動更新はされないため、記事を作るたびに手動でソースコードを生成してコピペしなければならない。
なお、「キーワード」には「ショッピング ブログ 買い物 パソコン PC 食 スノボ」と入力した。


■関連エントリーリストジェネレーター
http://feed.fkoji.com/related/

お次は「関連エントリージェネレーター」。「カンジェネ」と同じような手順で、「ブログのURL」と「検索結果の絞込み」を入力し、「取得件数 」(関連記事の数)を選択し、「キーワード」を入力する。後はお好みで。
ところが、これが上手く動かなかった。以下が生成されたコードだが一部は文字化けし、関連記事も「h」や「1」と全く関係ないものが並んでいる。他の人の環境では大丈夫かもしれないが自分の場合は使い物にならなかった。
なお、こちらも自動更新はなされない。
【関連エントリー】
- 㼯a>
-
h
- h
- 1
generated by 関連エントリーリストジェネレータ


■カンレンえんとり~ず
http://kanren.hirosiki.jp/entries/
次。「カンレンえんとり~ず」という真面目なのかふざけているのか良く分からん名前のサービス。名前に反して使い勝手は簡単で「ブログのURL」を入力して、生成されたコードをコピペするだけ。キワードを入力する必要もなく極めてシンプル。
実際にはもっと細かい設定が出来たりCSSで見栄えを整えたりできるが割愛。コピペしたのが下。まだ上手く反映されていないかもしれない。「カンレンえんとり~ず」最大の欠点は広告が表示されること。これが無ければもっと良いのだが。



■FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー
http://fromaffili.blog22.fc2.com/blog-entry-19.html
最後はサービスそのものではなく、「FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー」という記事の紹介から。
かいつまんで説明をすると、「Google AJAX Feed API」を使って関連エントリーを生成する方法。この方法を使うには「Google AJAX Feed API Key」が必要となる。「Google AJAX Feed API Key」はGoogleアカウントがあれば簡単に取得できる。
「Google AJAX Feed API Key」の取得は数秒で終わるのでさっさと取得しよう。取得したら「FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー」で紹介されているJavaScriptのコードに自分の「Google AJAX Feed API Key」を追加して、関連エントリーを表示したい個所にそのコードを貼り付けるだけ。
ちなみに、元のJavaScritpコードは「FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー」に隠されているが簡単に見つけることができるはず。(実際によ~く記事の最後の方を見れば分かる。)

■まとめ
以上、実際に使ってみたが、「FC2ブログで関連エントリーリスト」と、「Google AJAX Feed API」を使う方法が有用だと思う。

前者はコードを貼るだけで利用できるし、自動的に更新される。わざわざ手作業でコードを貼りかえる必要がない。ただし抽出条件を「カテゴリ」にしてしまうと同じカテゴリに入っているエントリーのみが抽出対象となるので、他のカテゴリに入っている関連する記事は抽出されない。
「タグ」を抽出条件にするのがベターだが、その場合はエントリーに対するタグ付けがキモになる。俺の場合はエントリーにタグを沢山付ける傾向があるのであまり関連性がないような記事が関連エントリーとして表示されてしまうケースが出てくる。
上手く関連エントリーを抽出したい場合は、過去のエントリーに付けたタグの見直し、新しく記事に対してどのようなタグを付ければ良いかを考える必要がある。
また、「FC2ブログで関連エントリーリスト」は、記事本文中にコードを貼っても関連エントリーは表示されなかった。FC2ブログのテンプレートにコードを貼るか、プラグインのフリーエリアにコードを貼る必要がある。

後者もコードを貼るだけで自動更新がされるので使い勝手が良い。FC2ブログのタグのRSSフィードを利用するものなので同じタグが付与されたエントリーをとにかく抽出する。この方法もエントリーに対するタグの付け方が重要になる。タグが多いと「タブ」メニューが増えることになり、また関係ない記事が表示されることになる。
こちらも記事本文中にコードを貼っても関連エントリーが表示されず、またテンプレートに貼っても表示されなかった。この方法を使う場合はプラグインのフリーエリアを使うしかない(何か方法があるかもしれないが分からなかった)。
Google AJAX Feed API」を使う点がちょっと敷居が高いかもしれない。以下取得方法を説明する。

■Google AJAX Feed APIの取得手順
Googleアカウントを取った後に「Google AJAX Feed API」にアクセスする。画面の右にある「Sign-up for a Google AJAX API Key」をクリックする。
Google AJAX Feed API


規約に同意するように求められるので、チェックボックスにチェックしブログのURLを入力し、「Generate API Key」ボタンを押す。
Google AJAX Feed API


「Your Key is」の下に表示される文字列が「Google AJAX Feed API
Google AJAX Feed API


これで「Google AJAX Feed API」は発行されたので、後は「FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー」から隠されているコードを探そう。ローマ字が読めれば探せるはずなので頑張って欲しい。
関連記事

タグ(ブログ内検索もできます)関連記事 関連エントリー ブログ 記事 web サイト livedoor 引越し Google AJAX

20:29  |  Web/ブログ  |  TB(5)  |  CM(1)  |  EDIT  |  Top↑

関連エントリー

Loading


Comment

いつも参考になる内容ありがとうございますm(_ _)m


ここのように記事下に関連記事を載せたいのですが、
今日一日奮闘していましたが、うーん、、、
リンク辿って情報収集してももできませんでした><

なにぶんHTMLやらCSSやらちょこっとしかわからないもので。。。
さすらいの理学療法士 | 2009年07月19日(日) 23:53 | URL | コメント編集

コメントを投稿する

※コメントは承認するまで表示されません。


管理者だけに表示

▲PageTop

Trackback

この記事のトラックバックURL

この記事へのトラックバック

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

■FC2ブログで関連エントリーリスト FC2ブログの関連エントリーを表示させることができないかなぁ?なんて検索していたら、辿りついたサイト。...
2008/05/03(土) 01:11:34 | bigchocolate

「関連エントリーリスト」付け替え

前回紹介した「関連エントリーリスト」が、管理人も気付かなかったのですが、 関連エントリーを表示するプログラムファイルが利用出来なくな...
2008/11/10(月) 22:03:38 | 『映画な日々』 cinema-days

関連エントリを表示するようにしてみました

当ブログの個別エントリページの下部にその記事の内容に関連するエントリ記事へのリンクを表示するようにしました。 こんな感じです。 ...
2009/02/18(水) 23:44:40 | しなちくのあれこれ

関連エントリーを表示してみた

ブログのプラグインとテンプレートを変更した。 サイドバーがかなりゴテゴテしてるのでいくつか非表示にした。もう少しシンプルにした方がい...
2009/07/24(金) 22:29:11 | 婚活毛活 三十路独身野郎の育毛奮闘記

tag関連エントリの自動表示

他のサイトでよく記事の下部に関連エントリを表示しているのを見かけます。FC2では標準でサポートされていない機能であるが、調べてみるとい...
2010/01/05(火) 18:32:21 | やっすぃぃぃー’s ブログ
 | BLOGTOP | 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。