アドセンス、アフィリエイトにちょっと使えるネタ帳 トップページ >> 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

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

Loading

コメント
使用させていただきました。
本当にありがとうございます。
【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拾って紹介しました的なコメントやトラックバックも削除しますのでよろしく(^^;
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】