かなり久々に、ワタシのアメブロにちょこっと手を入れました。

最近、ブログをマメに更新してるじゃないか、ということで今回は、
ブログ記事の後にブログの更新情報が表示されるRSSフィードを埋め込んでみましたよ。


アメブロの場合、本来こうしたパーツは
サイドバーのフリープラグインという箇所にしか設置できません。

なので技術的には、一旦アメブロのフリープラグインに埋め込んでから、
それをJavaScriptでブログ記事の後に飛ばす、という回りくどいことをしております。

一応、カスタマイズ屋なので、こうしたこともいたします。



ちなみに、今回使用したブログパーツはこちらです。

RSS表示用 無料ブログパーツ「FeedWind(フィードウィンド)


これ、以前からあったのですが、ちょっと不具合もあって
個人的にはあまり使っていませんでした。

それが最近、かなり良い感じのツールに整っているのに気がつき、
近頃はもっぱらこればかりを使っています。


本当はメッセージボードに埋め込みたかったのですが、
この手のプラグインはどうしても読み込みのタイムラグが生じてしまうので、
どうにもブログがモタつく感じがあり・・・。


設置場所によっては、読み込みの遅さが目立ってしまって、
スクロールで通り過ぎた後に表示完了などという場合も想定されます。
特にアメブロの場合は。それでなくても重めですし。


実際に設置してみたところ、やはり気持ち悪いモタつき感がありました。
すでにFacebookのPage Pluginを設置していたこともありますので、
ダブル読み込みになってしまったこともモタつかせる要因になっていたかもしれません。


なので、今回はブログ記事の後に差し込んでみたというワケです。
記事の最後に置けば、そこに辿り着くまでにスクロールが時間を稼いでくれます。


アメブロなどに読み込み時間のかかるウィジェットを設置する場合は、
こうした見方で設置場所を考えることも大切だと思います。


ちなみに、メッセージボードには、
ホームページと共通のメニューを掲載しておきました。


※デザインが崩れている場合はキャッシュの影響だと思います。
一度ブラウザを更新していただけるとその後きちんと表示されると思います。



あと、今回はFeedWindによって、
アメブロをアメブロに表示させるということで新着情報に使いましたが、
外部のホームページに埋め込みた場合もありますね。

もちろんJimdoにも設置可能です。
その場合はJimdoの「ウィジェット/HTML」を使います。


ここにFeedWindから取得した貼り付け用のコードをコピペすればOKです。
やり方を分かってしまえば割と簡単にできてしまいます。

実際にワタシのサイトでも表示しています。




そうそう、ちょうどタイムリーにJimdoの公式HowToサイトでも
RSSフィードのことをやっていました。

ホームページをもっとよくする!Jimdoワンポイント講座
第21回目「外部のブログを表示させてみよう」


こちらはFeedWindではなく、
Jimdoの機能である「RSSフィード」を使っての解説です。

JimdoのRSSフィードは超簡単です。
日付の並びがちょっと変で残念ですが、
個人的には日付を非表示にして使用するなら結構良いと思っています。


さて、話をFeedWindに戻します。


FeedWindがなぜアメブロに適しているかというと、
それは広告を削除する設定ができるからです。


アメブロは有料版の広告を外すコースに申し込んでも、
RSSフィードには広告がくっきりと表示されます。


お金を払っても消せない広告が何故あるのか?

ここが摩訶不思議なところで、昔からの謎ですが、
厄介なことにRSSフィードの広告は通常の投稿と投稿の間に差し込まれ、
まるで自分の一投稿であるかのように流れてくるので
最高にうっとうしい代物なのです。

もちろんそのままRSSフィードのURLを使ってブログパーツを作ってしまうと
広告も一緒に表示されてしまいます。


ところがですね、FeedWindの場合には、
「次のキーワードを含む記事を非表示にする」という項目に
「PR:」(半角)と入力することによって、広告表示を回避することができます。



これ、本当に助かります!

FeedWindの他にもこれまでには、
アメブロ広告を非表示できるRSSフィードが他にもいくつかあったのですが、
今年はそんなサービスもバタバタとサービス停止をしてしまい、
設置したパーツが片っ端から動かなくなるということがありました。

もしかして、路頭に迷ってしまった方もいたのではないでしょうか。


そんな方にFeedWindはお役に立つと思います。

サイドバーに表示させるだけなら比較的、簡単に設置できますので、
ぜひご活用してみてください。




札幌│アメブロとJimdoを同時活用するデザイン WEBデザイン研究所BEE

コメント(2)