アドセンス、アフィリエイトにちょっと使えるネタ帳 トップページ >> JavaScript >>  FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー

スポンサード リンク


FC2ブログにタグがついたときからFC2ブログで関連エントリーが出来ないものかと思っていたんですね

でも、ついまで最近できませんでした。

出来るようになったのは、タグのRSSフィードが配信されるようになったからです。

といっても、タグのRSSフィードが配信されるのは『新管理画面』から操作したときのみで、『旧管理画面』で操作するとRSSフィードが配信されませんでした。

ということで、このタグのRSSフィード機能を使いたいときには、『新管理画面』から操作してくださいね。

関連エントリーを設置すると記事を見てくれた方がさらに別の記事を見てくれる機会を提供できるので、ページビューが増えるのですよね。

Google AJAX Feed APIを使用するには、GoogleアカウントでGoogleにログインしておいてください。
そして、Google AJAX Feed API Keyを取得します。
必ず自分で取得して使うこと!

Google AJAX Feed API

コードについては追記に載せておきました。

コードをコピペして『Google AJAX Feed API Key』を入れてやればこのブログの記事ページにある関連エントリーリンクと同じようなものが出来ます。



スポンサード リンク



人気ブログランキング

ブログ内関連タグ : アドセンスのRSS アドセンス アフィリエイトのRSS アフィリエイト キーワードのRSS キーワード SEOのRSS SEO JavaScriptのRSS JavaScript

| ブックマークに追加する
トラックバック(12) | コメント(35) | page top↑

Loading

コメント
ブログ拝見しました。
> すみません。
> サイトアドレスを記入し忘れてました。
> どうでしょうか?

ユーザータグは設定されていますか?
記事にユーザータグの設定をしていないと
<!--tag_list--> 〜 <!--/tag_list-->
内が有効になりませんから、
ユーザータグのRSSが読み込まれません。

もし、ユーザータグを設定しているのに表示されない場合はもう一度ご質問いただけますか。


全然別の話題になりますが、
ブログアドレス/archives.html
で全記事リストにアクセスできますよ。

このブログだと以下のアドレスが全記事リストです。
http://fromaffili.blog22.fc2.com/archives.html

テンプレートの設定からカスタマイズすることができます。
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html
【2009/11/06 19:42】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
承認待ちコメント
このコメントは管理者の承認待ちです
【2009/11/06 13:42】 URL | #[ 編集] | page top↑
Re: もう少しだと思うんですが・・・
> こんばんは
> 記事の下にプラグイン3でフリーエリアを設置するところまではうまくいったのですが、フリーエリアの【HTMLの編集】でつまずいてます。
> Google AJAXキーを自分のものに差し替えてコピペしたのですが、うまくいきませんでした。
> フリーエリアへの記述の部分をもう少し詳しく教えていただけませんか?
> よろしくお願いいたします。

こんばんは
私のわかるところでしたらご協力して差し上げたいのですが、ご質問いただいたつまづいている部分がわからずにつまづいています。
あなたのブログを探そうにもブログのURLが書いていないので、うまくいきませんでした。
あなたのブログのURLを教えていただけませんか?
よろしくお願いいたします。
【2009/11/05 23:36】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
もう少しだと思うんですが・・・
こんばんは
記事の下にプラグイン3でフリーエリアを設置するところまではうまくいったのですが、フリーエリアの【HTMLの編集】でつまずいてます。
Google AJAXキーを自分のものに差し替えてコピペしたのですが、うまくいきませんでした。
フリーエリアへの記述の部分をもう少し詳しく教えていただけませんか?
よろしくお願いいたします。
【2009/11/04 22:53】 URL | MZK #OmEQ3VCk[ 編集] | page top↑
もう少し情報をいただかないと…
> こんにちは。
> かなりいろんな記事を見て一番わかりやすそうだと思ってがんばってみましたが・・・。
> letsfc2blogテンプレートを使っていますがプラグイン3が見当たりません。
> 3を作って試みましたが表示できませんでした。(初心者です)
> お力をお貸しくださればうれしいです。

テンプレートのことはテンプレートの作者に聞くのが一番早いです。

どうしてもというのでしたら、
ご質問の内容ではどういったアドバイスが必要なのか情報が足りなさ過ぎるので、
もう少し情報をいただけますか?

ブログの管理画面からテンプレート設定に入って「HTML編集」のすべてをコピーして
それをPC上でテキストファイル(ノートパットで貼り付け保存)にして
ブログの「ツール」からファイルアップロードでそのテキストファイルをアップロードして
アップロードしたファイルのURLアドレスを
このブログのコメントから「管理人のみに連絡」で教えてもらえませんか。

そうすれば、もう少し有用なアドバイスができるかもしれません。
【2009/10/25 18:56】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
こんにちは。
かなりいろんな記事を見て一番わかりやすそうだと思ってがんばってみましたが・・・。
letsfc2blogテンプレートを使っていますがプラグイン3が見当たりません。
3を作って試みましたが表示できませんでした。(初心者です)
お力をお貸しくださればうれしいです。
【2009/10/25 16:00】 URL | るなのん #nLnvUwLc[ 編集] | page top↑
ありがとうございました!m(_ _)m
できました!

初歩的なところだったんですね。。。
お手数をおかけいたしました。m(_ _)m
【2009/10/03 00:55】 URL | さすらいの理学療法士 #-[ 編集] | page top↑
Re: タイトルなし
> 以前もご質問させていただきました、さすらいの理学療法士です。m(_ _)m
>
> 色々試したのですが、出来なかったので再び質問に参りました。すみません。
>
> 以前のまま個別記事の下のみに関連記事を表示させていますが、関連記事が5つまでしか表示されていません。。
>
> 他の方々のを見ていると10個程度表示されております。
> もちろん、関連記事に表示されるように5つ以上記事を書いて、タグをはっております。
>
> どこか改善すべき点があればご教授願いたいです。
> 宜しくお願いいたします。

こんにちは、記事の表示は以下の部分で制御します。

feedControl.setNumEntries(10);

しかし、今回の件はもっと根本的な問題のようですね。

さすらいの理学療法士さんのブログを見たところRSSの配信が、
最新5件しかされていないようです。

次の部分をチェックしてください。
ブログの管理画面 > 環境設定の変更 > 記事の設定 > RSSの設定 > 件数

この部分を10件以上に変更すれば表示されるようになると思いますよ。
【2009/10/01 22:24】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #nmxoCd6A[ 編集] | page top↑
以前もご質問させていただきました、さすらいの理学療法士です。m(_ _)m

色々試したのですが、出来なかったので再び質問に参りました。すみません。

以前のまま個別記事の下のみに関連記事を表示させていますが、関連記事が5つまでしか表示されていません。。

他の方々のを見ていると10個程度表示されております。
もちろん、関連記事に表示されるように5つ以上記事を書いて、タグをはっております。

どこか改善すべき点があればご教授願いたいです。
宜しくお願いいたします。
【2009/10/01 11:27】 URL | さすらいの理学療法士 #75yDNZqg[ 編集] | page top↑
無茶苦茶詳しいご説明ありがとうございます。m(_ _)m

プラグイン3に割り当てても、2と同じ位置になってしまいますし、コードもみあたらないようなのでアウト・・・みたいですね。。

変数も少ししか理解していなかったので、もうちょっと勉強します。。

<h2 class="entry-header">関連エントリー</h2>・・・
これで貼り付けてしまおうと思いましたが、仰るとおりh2(や3)を使うのもSEO的に・・・と思いまして、保留にしておりました。。

もうちょっと悩んで色々やってみたいと思います。
ご丁寧にありがとうございました!!
【2009/07/22 00:10】 URL | さすらいの理学療法士 #75yDNZqg[ 編集] | page top↑
分ける方法
> さすらいの理学療法士さま

> ここのように枠に「関連エントリー」みたいにきっちりと分けたいとおもいまして・・・。。。

関連エントリー自体が表示されているので、
これは、テンプレートカスタマイズの分野ですね。
基本的にこちらのブログの主眼として置いている話題とは全然別のものです。

もっとも簡単な方法として、テンプレートに記述た関連エントリーのコードを以下のコードで
<h2 class="entry-header">関連エントリー</h2><div id="entry-body">関連エントリーのコード</div>
括ってしまう。

上のコードは、さすらいの理学療法士さまのブログのHTMLコードを拝見して抜き出してきたので、他の方は使えない可能性が高いです。 
私のブログもクラスとIDが別の名称です。
ただ、h2を使ってしまうのはSEO的にちょっと問題があります。
通常はh3とかh4あたりを以下のような感じに使ったりします。

<h3 class="entry-header">関連エントリー</h3><div id="entry-body">関連エントリーのコード</div>


> プラグインを下に持ってくる

このブログでも、「プラグイン3を記事の下に持ってくると幸せになれるかも?」と
書いています。


ところで、テンプレートのプラグインがテンプレート内でどうなっているかは

http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html#a7

を見て理解はされていますか?

これは、きちんと理解されていなければ結構面倒くさい方法です。


使われているテンプレート内でのプラグインの記述はテンプレートを作った人によって違っています。
プラグイン1と2と3が最初から別々の場所で使用されているなど
ですから、テンプレートのコードがわからないと的確な指示はできません。


3カラムの場合、二つのサイドカラムで3つあるプラグインのうち2つを使用しています。

プラグイン3にプラグインがあれば、全部プラグイン1とプラグイン2に振り分けプラグイン3を空にします。
テンプレートを編集してプラグイン3を記事ページのみ表示されるようにします。
(関連エントリーが表示されているのと同じようにテンプレートを変更)

プラグイン3にフリーエリアを追加して、
フリーエリアのHTML編集でテンプレートに記述している関連エントリーのコードを貼り付ける。
(当然テンプレートから関連エントリーのコードを削除)

フリーエリアのタイトルを変更してHTML編集で変更したタイトルが表示されるようにする。
(カテゴリーのプラグインのHTMLあたりを見れば記述の仕方はすぐわかると思います。)

以上の説明で理解できるなら、これで出来ます。

理解できなければ、最も簡単な最初に挙げた方法が無難です。
【2009/07/21 18:01】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
すみません。。。
あれからいろいろやってみたのですが、別のサイトにプラグインを下に持ってくる・・・とかいてあったのでやってみたのですが、右サイドにしか関連エントリーをもってこれませんでした。。。

ここのように枠に「関連エントリー」みたいにきっちりと分けたいとおもいまして・・・。。。

ですので、テンプレートに貼り付けたのですが、レイアウトがぐちゃぐちゃになってしまいましたので、戻しました。。。。

分かりにくい説明ですみません。。。
【2009/07/20 22:59】 URL | さすらいの理学療法士 #75yDNZqg[ 編集] | page top↑
Re: タイトルなし
> 全然できません!><
>
> 表示されないし、3カラムの下に関連記事表示はどうすればいいんでしょうか?
>
> 2カラムでも試しましたが。。。


???(@@)???

表示されてるようですが?
【2009/07/20 15:22】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
全然できません!><

表示されないし、3カラムの下に関連記事表示はどうすればいいんでしょうか?

2カラムでも試しましたが。。。
【2009/07/19 21:37】 URL | さすらいの理学療法士 #75yDNZqg[ 編集] | page top↑
使用させていただきました。
本当にありがとうございます。
【2009/03/09 21:08】 URL | sora #-[ 編集] | page top↑
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2009/01/30 22:47】 URL | #[ 編集] | page top↑
探して、探して。
気に入っていただいて何よりです。

一人以上前に投稿したこの記事、
最近になってすごい人気だなあ〜(^^;
【2008/12/31 14:10】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
お借りしました。
取り付けて1ケ月以上経過。
使い勝手が良く重宝しています。
有難うございました。
【2008/12/31 02:02】 URL | Hiro #z1uogJ6Q[ 編集] | page top↑
出来ました^^。
何度もお手数おかけして申し訳ありませんでした。
↓のをコピペしたらどうにかこうにか出来ました。
助かりました。ありがとうございます!!

#feedControl .gfc-tabHeader.gfc-tabhActive {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-top: 2px solid #83B496;
color: grey;
}
【2008/10/27 11:14】 URL | ::亜紀 #Zr2/WiYY[ 編集] | page top↑
上のコードの同じようなところに入れるだけです。
行を変えてしまったのが書き方悪かったかな?

#feedControl .gfc-resultsHeader{color: #676767;}

上のコードに”style”タグで囲まれたところが有るので
一行入れるだけです。
同じような並びがあるので挿入するだけです。

”#676767”が色指定の部分なので
適当に変更して試してみると幸せになるかもしれません。
【2008/10/27 01:09】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
ありがとうございました^^
お返事いただきありがとうございました。
カラーを指定するところはGoogleで探せたのですが
あのコードをどうするかがわからず・・。
またいろいろ調べて トライしてみます!
お時間取らせてしまったようで、すみません。
ありがとうございました^^。
【2008/10/26 21:33】 URL | ::亜紀 #Zr2/WiYY[ 編集] | page top↑
私も詳しくわからなかったので調べてみました。
ちょっと調べてみました。

#feedControl .gfc-resultsHeader{
color: #676767;
}

たぶん、このClassの色を変えれば変更できるはずです。

Google AJAX Feed APIのCSSのクラスの割り振りは、
以下のサイトで詳しく解説されていましたので紹介させていただきます。

http://osta.ti-da.net/e2326191.html
【2008/10/26 02:59】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
お借りしました。
こんにちは。初めまして。
こういう関連記事を載せられるのを
探しておりまして こちらで発見し
早速、使わせて頂きました。
ありがとうございます。

それで一つ質問なのですが
こちらで言うと 関連エントリーの
「アドセンス」のタブの上辺が黄色ですよね。この色を変更することはできるのでしょうか?
テンプレのカスタマイズなど不勉強で、
素人の質問、すみません・・。
【2008/10/25 11:48】 URL | ::亜紀 #Zr2/WiYY[ 編集] | page top↑
有り難うございます
早々の御返事有り難うございます。

変数の件はおかげさまでうまくいきました。該当記事の件はなるほどそういうことでしたか。コツコツと記事を増やしていかねば(笑)。

またお世話になるかもです。よろしくお願いいたしマス。
【2008/10/20 08:32】 URL | parkingline #-[ 編集] | page top↑
該当記事を表示させていないわけではないです
あと、残念ながら該当記事を表示させていないわけではないです。
表示を10件しかさせていないので、その後に同じタグの記事を10件以上書いているので見えなくなっているだけです。

【2008/10/20 01:11】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
テンプレートで使える変数
エリア(モード)変数の変数については、ブログの管理画面のテンプレートの管理からリンクしてある、テンプレート中に使える変数一覧の詳しく出ていますので説明は割愛します。

http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html

使い方は、こんな感じです。

<!--permanent_area-->
このタグの中の記述は記事エリアの場合のみ表示されます。
私の場合この中にタグを入れています。
<!--/permanent_area-->


このエリア変数は変数の中に変数を入れられます。

<!--index_area-->
トップページのみ表示
<!--/index_area-->

<!--not_index_area-->
トップページ以外の記事ページ、カテゴリーページとかデートページ、タグページ、全記事リストページなどに表示
<!--not_permanent_area-->
トップページ以外の記事ページ以外(つまり、上に書いた条件から記事ページのみ外れて、カテゴリーページとかデートページ、タグページ、全記事リストページなどに表示)
<!--/not_permanent_area-->

<!--permanent_area-->
記事ページのみ表示
<!--/permanent_area-->
<!--/not_index_area-->


こんな説明でご理解いただけるでしょうか?
【2008/10/20 00:56】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
お知恵を・・・。
先日はコメント有り難うございました。

一つ質問なのですが、貴サイトのように、関連するエントリーの中から、該当記事を除いて表示するためにはどのようなタグを挟めばいいのでしょうか。チョ〜ット今お手上げ状態になっておりますw

アドバイスいただければ幸いデス。
【2008/10/19 22:58】 URL | parkingline #-[ 編集] | page top↑
良かったですね。
表示できたようで良かったですね。

こちらも気をつけているんですが、
見落としがある場合もあるので
申し訳なかったです。
【2008/09/06 21:54】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
コードを全て入れたところ、しっかり表示することが出来ました。
お早い対応ありがとうございました。
m(_ _)m
【2008/09/06 15:08】 URL | ぽむ #WzzJX4NY[ 編集] | page top↑
これは申し訳ないです。
コードの文字が一文字だけ特殊文字に変換されておらず、IE系のブラウザでは最後まで表示できていなかったようです。

Firefoxでちゃんと表示されていたので気がつきませんでした。

先程直しておいたので、今度はコードの最後まで見えると思いますのでよろしくお願いします。

前にコメントいただいた方もそれを指摘されてたのかな?
【2008/09/06 13:40】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
お早いお返事ありがとうございます。
<!--topentry--> 上の記事のスクリプト
<!--/topentry--> 上の記事のスクリプト
書いておられますが、コードを見たところ
<!--topentry-->
<!--tag_list-->
*******************utag=
で終わってるのですが
<!--/topentry-->は必要ないのでしょうか?
【2008/09/06 10:45】 URL | ぽむ #WzzJX4NY[ 編集] | page top↑
たぶん変数が入れ子になっているのでは?
「topentry tag must close」ですか…
FC2ブログのtopentryのことだと思いますが、FC2ブログの場合以下のようにセットで変数を閉じないといけません。

<!--topentry-->
<!--/topentry-->

なので、以下のような構成になってしまっているのではないかと考えられます。

<!--topentry--> テンプレートで使用されている

<!--topentry--> 上の記事のスクリプト
<!--/topentry--> 上の記事のスクリプト

<!--/topentry--> テンプレートで使用されている

つまり、入れ子になっている状態

こういう形になっていると確かどちらかが閉じられていないという状態になってしまったような気がします。

この部分を重点的にチェックしてみてください。

通常記事自体がtopentryの中に入っているので、記事の中に上のスクリプトを入れようとするのは無理なはずです。

テンプレート内の変数が判らないときは、以下をどうぞ。
http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html
【2008/09/06 07:40】 URL | アドセンス、アフィリエイトにちょっと使えるネタ帳 #-[ 編集] | page top↑
コードにGoogle AJAX Feed API Keyを入れて貼り付けてみたのですが、「topentry tag must close」と表示されてしまい困っています。
解決方法を教えていただけないでしょうか。
【2008/09/06 04:39】 URL | ぽむ #WzzJX4NY[ 編集] | page top↑
ご指摘どうもです
管理人です。
ご指摘どうもありがとうございます。
また、適当に書いたコードを使っていただき恐縮です。(^^;

何度かチェックしたんですが、ご指摘いただいた場所の表示も上の動作しているコードと同じでした。

う〜ん?どこが間違っているんだろう。
もう少し探してみます。

ちなみに、気づいてない方が多いようですが、アフィリエイトに使えるネタは、関連記事のコードの部分ではなく、そこに至るまでの追記の展開部分だったりします。
【2008/05/23 17:00】 URL | つかえるネタ帳 #-[ 編集] | page top↑
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2008/05/23 07:17】 URL | #[ 編集] | page top↑
コメントの投稿














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

トラックバック
トラックバックURL
→http://fromaffili.blog22.fc2.com/tb.php/19-4046878c
この記事にトラックバックする(FC2ブログユーザー)
トラックバックを頂いた記事内で、該当記事へのリンクの無いものは受けつけませんので、よろしくお願いいたします。
RSS拾って紹介しました的なコメントやトラックバックも削除しますのでよろしく(^^;
関連記事:記事も増えてきたので「関連記事」表示するように。GoogleFeed利用させていただき、先人の知恵にすがる ・・・ 【ブログカスタマイズ】
 このブログ「創るmetaboy」ももう1年半になる。  投稿数ももうすぐ1000本。  記事も増えて、自分でも過去の記事を見るときに  苦労するよ... 創るmetaboy【2009/10/14 13:33】
関連エントリーを表示してみた
ブログのプラグインとテンプレートを変更した。 サイドバーがかなりゴテゴテしてるのでいくつか非表示にした。もう少しシンプルにした方がい... 婚活毛活 三十路独身野郎の育毛奮闘記【2009/07/24 22:29】
FC2ブログに関連記事の表示をする(関連エントリー) 1の1
FC2ブログに関連記事の表示をする(または関連エントリー)カスタマイズ方法が ようやく判明。(これまでもできなかったわけではないけれど、実... 猫とカフェオレ、ときどき仕事【2009/04/17 22:10】
関連記事機能、追加しました!
皆さん、こんにちは。 今回は、このブログに関連記事の機能を追加しました。 まだぜんぜん記事書いてないんですけどねwww これから役に... Niconico Tool【2009/03/09 20:52】
関連エントリを表示するようにしてみました
当ブログの個別エントリページの下部にその記事の内容に関連するエントリ記事へのリンクを表示するようにしました。 こんな感じです。 ... しなちくのあれこれ【2009/02/18 23:44】
Seesaaブログを究極にカスタマイズしてみる
以前は、Seesaaブログをよく使っていたのですが、 途中でFC2ブログに気を引かれ、 使い勝手のよさにSeesaaブログはおざなりになっていました。 ところが、先日あることに気がつきカスタマイズしてみることにしました。 カスタマイズの条件としていくつか書いておこうと... Seesaa究極カスタマイズ【2009/02/06 14:34】
FC2ブログで関連記事
FCブログの標準機能ではできない、関連記事を表示するということがこのブログでもわりと簡単にできました。 元のコードを少々改造して使って... ping痩身【2009/01/29 00:25】
「関連エントリーリスト」付け替え
前回紹介した「関連エントリーリスト」が、管理人も気付かなかったのですが、 関連エントリーを表示するプログラムファイルが利用出来なくな... 『映画な日々』 cinema-days【2008/12/31 01:58】
FCブログ改造(関連記事表示+ブログランキング)
今日はブログを2つパワーアップさせました、好ノです。 ●一つ目は今見ている記事に関係のある過去記事を、自動で検索して表示してくれる... 占い師「好ノ」の絵ブログ【2008/11/25 05:01】
FC2ブログで【関連するエントリー】を表示させる。
今まで慣れ親しんできたMovableTypeからこのFC2ブログに移ってしばらく経つが、未だ試行錯誤の連続である。FC2ブログで出来ることと出来ないことの... 怒喜交々【2008/10/13 22:12】
FC2ブログで「関連記事」「関連エントリー」を表示する方法
livedoorブログを使っていたころから欲しいと思っていたのが「関連記事」を表示する機能。有名ブログで記事を読むと、記事の一番下辺りに「関連... 自由人万歳ν(ニュー)タイプ【2008/04/12 10:26】
内部リンクでSEO - 関連記事リスト
外部からのバックリンク、被リンクの質、量、リンクテキストがSEOに有効というのは当然ですが、内部リンクにもそれが当てはまります。 以前... ブログいじり【2008/01/10 20:42】