ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

モード変更

この記事に含まれるタグ (Keyword) :
Google  FeedBurner  RSSフィード  フィードフレア  カスタマイズ    

スポンサーサイト

--/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

FeedBurner ワンクリックボタン用 フィードフレアを自作した。

2010/08/06 (金)  カテゴリー: アクセス解析・SEO対策
Google FeedBurner (日本語) 
ワンクリックボタンのデフォルトの設定,表示不具合

先日 Google FeedBurner を導入しました。
[ Google FeedBurner の導入 (FC2ブログ編) ] 

で、最初につまづいたのは 予め用意されている フィードフレア というものの 「日本語対応」 と 「画像表示の不具合」 でした。

最適化 → ブラウザ・フレンドリ この表示オプションで用意されている 『RSSリーダーに追加』 ボタンは 画像 の alt="" で表示される 日本語部分が?????? のように文字化けした状態で表示されてしまいます。 alt属性 は IE や Sleipnir などのブラウザ では (設定にもよりますが) 画像にカーソルを合わせた時 に表示されるものなので、何となく中途半端な感じがして気になる。。。

また 『My Yahoo! に追加』 など いくつかのワンクリックボタン は、その場所に表示できない画像 が設定されているので、画像が表示されない状態のものとなり  ×  に。。。

そこで、フィードフレア ユニット (.xmlファイル) を自分で作ってみました。

RSSリーダーへワンクリックで登録!

登録したいRSSリーダーのアイコンをクリックしてください
livedoor Reader に追加   Netvibes に追加
My Yahoo! に追加   iGoogle に追加   Add to Sleipnir  

※ここでは便宜上、 target="_blank" と title属性 を追加していますが、実際の動作は 「同窓」 「alt属性のみ」 になります。

実際の表示: http://feeds.feedburner.com/arinogotoku
実際の表示: http://feeds.feedburner.com/arinogotoku_s

※ブラウザによって,設定によっては 上のようなアイコンが表示されない場合 (別形式で表示) もあります。 [ 画像でプレビュー ]

FeedBurner 最適化 → ブラウザ・フレンドリ
クリックで画像を拡大します

いくつも入れても無意味 だと思うので 5つに絞ってみました。 ソース と .xmlファイル を載せておきますので、書き換えて使うなり そのまま使うなりご自由にどうぞ。

  • livedoor Reader に追加
  • goo RSSリーダー に追加
  • Netvibes に追加 ← 本家でコードを確認し、機能するものに修正しました。
  • My Yahoo! に追加
  • iGoogle 又は Google Reader に追加
  • Add to Sleipnir (スレイプニル に追加)

ちなみに、はてなRSS は、2010年6月30日にサービス終了しているようなので、現在アイコンを入れている方は 外しておいた方が良いと思います。

Google FeedBurner 新規ワンクリックボタン用 フィードフレア

FeedBurner 管理画面 (日本語) → 最適化 → ブラウザ・フレンドリ で 
ワンクリックボタンの選択 → さらにボタンを追加する を開き 

上図 にあるテキストボックスの フィードフレアユニットURLを入力してください というところに 作成してアップロードした フィードフレア (.xmlファイル) へのパスを設定すればOKです。 アップロードする場所は、FC2ブログのファイルサーバーでもOKでした。

基本的には追加した順番で、左から3つずつ 並んで表示されます。(※順番は勝手に並べ替えられてしまうこともあります。) フィードフレア用 .xmlファイル を自作する場合、文字コードは UTF-8 or UTF-8N で保存してください。

『livedoor Reader に追加』用 フィードフレア

http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/Mylivedoor.xml
私が作ったものでよければ このURL を入力して 「Add↑」 ボタンを押せばOK!

<FeedFlareUnit>
<Catalog>
<Title>livedoor Reader に追加</Title>
<Description>livedoor Reader に追加用フィードフレア</Description>
</Catalog>
<FeedFlare>
<Text>livedoor Reader に追加</Text>
<Image src="http://feedburner.google.com/fb/images/partners/sslchicklets/livedoor.gif"/>
<Link href="http://reader.livedoor.com/subscribe/${feedUrl}"/>
</FeedFlare>
</FeedFlareUnit>

『goo RSSリーダー に追加』用 フィードフレア

http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/Mygoo.xml

追記 (2011/07/15) :goo RSSリーダー に追加
コメントにて 「2011年05月末にサービス終了している」 との連絡をいただきました。

『Netvibes に追加』用 フィードフレア (改訂版)

http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/MyNetvibes1.xml
私が作ったものでよければ このURL を入力して 「Add↑」 ボタンを押せばOK!

<FeedFlareUnit>
<Catalog>
<Title>Netvibes に追加</Title>
<Description>Netvibes に追加用フィードフレア</Description>
</Catalog>
<FeedFlare>
<Text>Netvibes に追加</Text>
<Image src="http://feedburner.google.com/fb/images/partners/sslchicklets/add2netvibes.gif"/>
<Link href="http://www.netvibes.com/subscribe.php?type=rss&amp;url=${feedUrl}"/>
</FeedFlare>
</FeedFlareUnit>

『My Yahoo! に追加』用 フィードフレア

http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/MyYahoo.xml
私が作ったものでよければ このURL を入力して 「Add↑」 ボタンを押せばOK!

<FeedFlareUnit>
<Catalog>
<Title>My Yahoo! に追加</Title>
<Description>My Yahoo! に追加用フィードフレア</Description>
</Catalog>
<FeedFlare>
<Text>My Yahoo! に追加</Text>
<Image src="http://feedburner.google.com/fb/images/partners/sslchicklets/addtomyyahoojapanese.gif"/>
<Link href="http://rd.yahoo.co.jp/myyahoo/rss/addtomy/users/*http://add.my.yahoo.co.jp/rss?url=${feedUrl}"/>
</FeedFlare>
</FeedFlareUnit>

『iGoogle 又は Google Reader に追加』用 フィードフレア

http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/MyiGoogle.xml
http://blog-imgs-48.fc2.com/a/r/i/arinogotokuatumarite/MyiGoogle2.xml
私が作ったものでよければ このURL を入力して 「Add↑」 ボタンを押せばOK!

追記 (2013/07/15) :
Google Reader がサービス終了したため iGoogle に追加のみに修正しました。
<FeedFlareUnit>
<Catalog>
<Title>iGoogle に追加</Title>
<Description>iGoogle に追加用フィードフレア</Description>
</Catalog>
<FeedFlare>
<Text>iGoogle に追加</Text>
<Image src="http://feedburner.google.com/fb/images/partners/sslchicklets/add.gif"/>
<Link href="http://fusion.google.com/add?feedurl=${feedUrl}"/>
</FeedFlare>
</FeedFlareUnit>

『Add to Sleipnir (スレイプニル に追加)』用 フィードフレア

2010/10/21~ 追加 : Sleipnirユーザーなので、Add to Sleipnir も追加しました。

http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/MySleipnir2.xml
私が作ったものでよければ このURL を入力して 「Add↑」 ボタンを押せばOK!

<FeedFlareUnit>
<Catalog>
<Title>Sleipnir に追加</Title>
<Description>Sleipnir に追加用フィードフレア</Description>
</Catalog>
<FeedFlare>
<Text>Add to Sleipnir</Text>
<Image src="http://images2.fenrir.co.jp/fb/sleipnir_feed.gif"/>
<Link href="http://www.fenrir.co.jp/rd/?rss=${feedUrl}"/>
</FeedFlare>
</FeedFlareUnit>

単純な作業の繰り返しでしたが... とても面倒でした。 アイコン画像は 各サービスから直接読み込むのではなく、Google FeedBurner の管理画面で 使われているものを利用させていただきました。 他のサービスについても 同じ要領で作れば大丈夫だと思います。

フィードフレア,フレアユニット,フレアカタログ... その言葉自体が初耳で、以下のヘルプを元に作成したものなので、何か不具合があれば教えてください。

キーワード検索 : Google  FeedBurner  RSSフィード  フィードフレア  カスタマイズ    

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-154.html

2010/08/06 ~ | Comment (13) tweet? | ↑ ページ先頭へ ↑ |
 @arinogotoku
  • paruparu (arinogotoku) on Twitter
    ツイートが上手く表示されない時は Twilog or 公式Twitter などから見てください。

-13 Comment


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/08/15 (日)  No.663


管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

- |  2010/08/19 (木)  No.669


始めましてこんにちは

はじめまして、ウィノナと申します、最近FeedBurnerを便利そうだから導入したのですが、

yahooの画像リンクがでないなど色々と問題点が出て悩み検索したところ、こちらのブログが見つかり、解決への糸筋が見つけることができました。どうもありがとうございました。

ウィノナ |  2010/09/14 (火) [ 編集 ] No.698


ウィノナさん、はじめまして。

記事がお役に立てて良かったです。 何だかとってもカッコイイサイトですね!
画像が表示されない件は、きっとそのうち改善されるのかもしれませんが...
待っているより直せるものは直したいですよね。
右下の FeedBurner のアイコン × はどうにもできないのですが。。。

paruparu |  2010/09/15 (水) [ 編集 ] No.700


返信ありがとうございます

返信少し遅れました、コメントの中の右下の×が気になるって聞いて、
私が使っているブラウザのFirefoxでは全く表示されないのでなんのことなのかなと思ったら、
IEでは×が出るんだ...全然気がつかなかった...

今回改めてブログ中の記事を見ると、ためになる記事があって色々と参考にさせてもらいます。

本当にありがとうございました。



ウィノナ |  2010/09/17 (金) [ 編集 ] No.703


こんばんは

こんばんは。オサルン40です。
ご無沙汰しております。
paruparuさんのこちらのサイトを教科書とさせてもらってから、かなりの日にちが経ちますが、まだまだ、いろいろと参考にさせて頂いてます。
「参考になりました、お世話になりました!」と、ひと区切りとしたお礼のコメントが出来る日は・・・、来るのだろうか?相変わらずローペースです(汗)。
(このコメントを、中間的なお礼コメントとさせて下さい(汗)。)
さて。今回はフィードフレアを参考させて頂いたのですが、ちょっと見つけたので一応、ご連絡をと思いました。
■goo RSSリーダーのサービスが2011年5月31日で終了になっていました。
まだまだ、いろいろと参考にさせて頂きます。(ほんとローペースですが)
今後とも宜しくお願い致します。

オサルン40 |  2011/07/15 (金)  No.1074


オサルン40さんへ

報告ありがとうございます!
goo RSSリーダー ひっそり終了していたんですね。。 気付きませんでした。
記事 と FeedBurner の該当部分、近いうちに修正しておきますね。

あと、オサルンさんのサイト、いい感じになってきていますね!
ローペースでも、ブログ作りを楽しんで頂けたら 私も嬉しいです。
私も、最近は 記事更新が滞っているので ローペースで細々と.. な状態です。

追伸: ちょっと関係ないのですが、OS って何を使われていますか?
私のテンプレ、メイリオを第一フォントに設定しているのですが、改行の位置の影響で 上手く収まっていないように見えるところも。。。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-141.html
もし、XP などでしたら、↑ の記事も参考にしてみてください。

paruparu |  2011/07/15 (金) [ 編集 ] No.1075


ありがとうございます

「いい感じに・・・」とってもウレシイです!!
モチベーション頂いちゃった感じです。ありがとうございます!
それと、追伸の件も、ありがとうございます。
OSはXPです。まさに、ご指摘下さった状況です。勉強になりました。
最近、IEの他、Chromeを使ってみたりと、違うブラウザで自サイトの見え方を確認しはじめたんですけど。フォントのことはアタマまわらなかった(汗)。
メイリオにしたら、あらまぁ!こんななの・・・と、
八百屋で買ったスイカを帰り道で落としてしまってパックリ割れちゃった時の様なショックでした(笑)。地道にコツコツ直しま~す。
文章中の改行(br)の使い方も含めて勉強になりました。ほんと感謝です!

オサルン40 |  2011/07/16 (土)  No.1079


こんにちは

初めまして。suzumasaと申します。
いつも役立つ情報の提供ありがとうございます。すごくためになります。
申し訳ないのですが、ひとつ質問があります。
自身のブログにFeedBurnerを設置したのですが、
RSSフィードのアイコンをクリックした際に記載されている文章が英語表記のままです。
こちらのブログのように日本語での説明文にしたいのですが、設定方法をお教え下さい。
お手数ですが、宜しくお願い致します。

suzumasa |  2012/02/01 (水)  No.1261


FeedBurnerで表示する言語

suzumasaさん、はじめまして。 質問の件ですが、
1. http://www.feedburner.jp/ でログオン
2. その後進んだページの右上のところで Language をクリック
3. 言語のところで Japanese を選択
でOKです。 その後はその項目なども含めて日本語になります。

paruparu |  2012/02/02 (木) [ 編集 ] No.1262


ありがとうございました

ご解答頂きましてありがとうございました。
どうやら初歩的なことだったようですね。日本語表記されました。
お手数おかけ致しました。すいません。
これからもこのブログの記事を参考にさせて頂きます!

suzumasa |  2012/02/02 (木)  No.1263


はじめまして

検索でたどり着きました。
feedburnerについて色々調べていて、こちらの記事を参考にさせて頂きました。
とても助りました。一言お礼だけですが・・・
ありがとうございました。

Natsumi |  2012/08/30 (木) [ 編集 ] No.1471


Natsumiさんへ

記事がお役に立てて良かったです。
コメント残してくださると嬉しいものですね(*´◡`*)
ありがとうございました。

paruparu |  2012/08/30 (木) [ 編集 ] No.1472

コメントを投稿する 記事: FeedBurner ワンクリックボタン用 フィードフレアを自作した。


お気軽にコメントをどうぞ。
ソースコード等の < と > は (実態参照に変換されるので) そのまま使ってOKです。 & は 全角 に変えて使ってください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback


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

フィード向けアドセンス

RSS(全文表示)を Google FeedBurner に変更してみました。 [主な作業] (1) Google FeedBurner へアクセスし、Googleアカウントでログイン (2)従来の RSSフィードアドレスをFeedBurnerに割り当て ...

『映画な日々』 cinema-days 2011/08/28
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。