• もっと見る

2013年01月07日

Facebookの内容をブログに表示1~シンプルな見た目がGOOD ※利用できません

Facebookもはじめたら、Facebookばかり更新してブログの更新が減っている、、、なんて声をよく聞きます。
exclamationFacebookの自分(団体)の更新内容を自動でブログに掲載するようにしたい
exclamationブログからFacebookへ誘導するようにしたい


そんな場合におすすめなのはこちら
晴れ1:googleリーダーを介して表示する方法
晴れ2は直接表示する方法
※どちらも公開範囲が「公開」になっているとFacebookユーザーでなくても見ることができます
67_1.png

ちなみにこちら「NPO法人ゆうゆうグリーン俵山」さんのブログの場合、実際は1のみを表示しています。

以下は2013年7月1日にgoogleがgoogleリーダーのサービスを終了したので使用できません。もうやだ〜(悲しい顔)


googleリーダーを介して表示


1.FacebookのページIDを取得する

ページにアクセスしてURLを取得
http://www.facebook.com/hofu.yonyon

サブドメインの「www」を「graph」に変更
http://graph.facebook.com/hofu.yonyon

下記の赤文字部分にあたる「id」を取得
{
・・・省略
"username": "hofu.yonyon",
"website": "http://kosodate.hofu-saport.org/",
"id": "177642408989233",
・・・省略
}

※上記ではIDを取得できない場合
ページに名前を付けていない場合、1の方法では取得できません
でも、団体名をクリックして出てきたページ
http://www.facebook.com/pages/団体名/ID

IDがページIDです

2.googleリーダーに登録するためのページのURLを取得する

ページのURLは以下
https://www.facebook.com/feeds/page.php?format=rss20&id=177642408989233
※赤文字部分を各自のIDに変えてください
※参考にしました

3.googleが無料で提供しているgoogleリーダーを使う。

 ・http://www.google.co.jp/readerにアクセスしgoogleにログインする。
  googleアカウントを持っていない方へ、googleのアカウント作成はこちら

4.ブログを登録

 ・「登録」ボタンをクリックし、表示されたスペースに2のURLを記入→追加ボタンをクリック。
67_2.jpg


5.ブログのフォルダを作成・整理

 ・ブログの右端の三角をクリックし「新しいフォルダ…」をクリック
67_4.jpg

 ・4で登録したページをフォルダ内にドラッグ

6.コード作成

 ・フォルダ名の右端の三角をクリックし、表示された画面で「登録を管理」をクリック。
 ・開いた画面で「フォルダとタグ」を選択
67_7.jpg

 ・ブログ一覧の右横「非公開」をクリックし「公開」にする
67_7.jpg

 ・「サイトにクリップを追加する」をクリック
67_8.jpg

 ・一覧のタイトル(例:Facebook新着情報)を記入
 ・配色:好みのものを選択(変更すると画面右のプレビュー画面が変わる。ここでイメージを確認。)
 ・アイテム:表示される記事件数を設定(アイテム数が多いと見にくくなるので3~10件程度)
 ・「アイテムの配信ソースを表示」にはチェックしない
67_9.jpg


7.公開

HTMLコードをコピーしてブログの任意の場所(メインページ自由記述やサイドバー)に張り付ける
67_11.jpg




長くなったので、直接表示するは次のページで説明したいと思います。
次ページほうが簡単です。ブログの記事の邪魔にならないのはこちらかな。




この記事へのコメント
コメントを書く
この記事へのトラックバックURL
トラックバックの受付は終了しました
※ブログオーナーが承認したトラックバックのみ表示されます。

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