Facebookとアメブロとの連携について
facebookの「いいね」ボタンのブログに組み込むという記事を読んでいただき、実際に組み込んでいただいた読者の方がいました。 感謝です。
そこで、さらにブログとfacebookを連携させる方法についてまとめました。 アメブロでの方法を書きますが、もちろんお使いのブログでRSS2.0がサポートされていれば同じように連携できます。
これで、ブログに投稿した内容をまたfacebookに再投稿するなどの手間が省けます。 また、ブログによってはブログアクセスを上げる方法としても使えると思います。 お試しください。
１．アメブロ「マイページ」を開いてください。 左にある「ブログ」をクリックしてください。
２．みなさんお使いのスキンによって表示される場所が異なりますが、この画面で「RSS 2.0」とある箇所
を見つけてください。 私のブログの場合左下にあります。
ここをクリックしてください。
３．インターネットエクスプローラ（IE）やFirefoxなどのブラウザーでURLが表示されている箇所を見て
ください。 このURLをマウスでコピーしてください。
これで準備はOKです。
４．次にお使いのfacebookを開いてください。 facebookのtopにある「アカウント」をクリックして下
さい。 プルダウンメニューの中にある「アプリケーション設定」をクリックしてください。
５．この設定ページにある「ノート」をクリックしてください。
６．左下にある「インポート設定を編集」をクリックしてください。
７．この「ブルグをインポート」のページにあるURLの欄に３でコピーしたURLを貼り付けてください。
チェックボックスにチェックを入れて、「インポートを開始する」をクリックしてください。
８．下の画面が現れたら、「承認」をクリックしてください。 これで、ブログ記事が連携されま
す。 facebookのプロフィール内掲示板を見てください。 ブログの記事が表示されていると思
います。
これらの方法はこちらのアメブロ記事を参考にして作りました。ほとんど、こちらのサイト記事の手順通りです。 Facebookやアメブロの機能更新に
伴い、微妙にボタン名などや場所が変わるかもしれませんが大筋以上を参考にしていただければうまくいくと思います。
>注意点として
・Facebookからのブログ記事編集はできません。
・あまりブログ記事を頻繁に更新すると、Facebookの更新が制限されとまってしいまうとか。
携帯ブログなどで頻繁に投稿される方は注意してください。
・ブログ記事が即Facebookに反映さるということではないようです。 最長３時間当たりを目安に
して見てください。
そこで、さらにブログとfacebookを連携させる方法についてまとめました。 アメブロでの方法を書きますが、もちろんお使いのブログでRSS2.0がサポートされていれば同じように連携できます。
これで、ブログに投稿した内容をまたfacebookに再投稿するなどの手間が省けます。 また、ブログによってはブログアクセスを上げる方法としても使えると思います。 お試しください。
１．アメブロ「マイページ」を開いてください。 左にある「ブログ」をクリックしてください。
２．みなさんお使いのスキンによって表示される場所が異なりますが、この画面で「RSS 2.0」とある箇所
を見つけてください。 私のブログの場合左下にあります。
ここをクリックしてください。
３．インターネットエクスプローラ（IE）やFirefoxなどのブラウザーでURLが表示されている箇所を見て
ください。 このURLをマウスでコピーしてください。
これで準備はOKです。
４．次にお使いのfacebookを開いてください。 facebookのtopにある「アカウント」をクリックして下
さい。 プルダウンメニューの中にある「アプリケーション設定」をクリックしてください。
５．この設定ページにある「ノート」をクリックしてください。
６．左下にある「インポート設定を編集」をクリックしてください。
７．この「ブルグをインポート」のページにあるURLの欄に３でコピーしたURLを貼り付けてください。
チェックボックスにチェックを入れて、「インポートを開始する」をクリックしてください。
８．下の画面が現れたら、「承認」をクリックしてください。 これで、ブログ記事が連携されま
す。 facebookのプロフィール内掲示板を見てください。 ブログの記事が表示されていると思
います。
これらの方法はこちらのアメブロ記事を参考にして作りました。ほとんど、こちらのサイト記事の手順通りです。 Facebookやアメブロの機能更新に
伴い、微妙にボタン名などや場所が変わるかもしれませんが大筋以上を参考にしていただければうまくいくと思います。
・Facebookからのブログ記事編集はできません。
・あまりブログ記事を頻繁に更新すると、Facebookの更新が制限されとまってしいまうとか。
携帯ブログなどで頻繁に投稿される方は注意してください。
・ブログ記事が即Facebookに反映さるということではないようです。 最長３時間当たりを目安に
して見てください。
ブリーフケースで画像データーなどデーターの共用の仕方
Yahoo group内にブリーフケースというｻｰﾋﾞｽがあります。
Yahoo groupに入ると左にツールメニューが現れます。（下図）
これを使って、グループのメンバーとの画像データーなどの共用が簡単にできます。
画像データーの例をとって下記ブリーフケースへの保存と通知の方法を説明します。
１．デジカメなどから保存したい画像データーをご自分のPCの「ピクチャ」フォルダ
等へ転送保存してください。
２．yahoo groupのブリーフケースをメニューから選んでください。
下記のようにブリーフケースに移ります。
３．この画面から「ファイルを追加」を選んでください。
４．下の画面のように、PCからブリーフケースへの保存の操作画面に変わります。
お手持ちのPCからインターネット上のサーバーなどえデーターを送ることを
アップロードといいます。 この逆にサーバーからPCへデーターを持ってくる
ことをご存知のダウンロードと使い分けています。（上りと下り）
５．この画面にて必要事項を設定し、「アップロード」ボタンをクリック
すれば、PCからYahoo groupのブリーフケースに指定して画像を送って保存
してくれます。
画面上の操作メニューは次のようになります。
（１）ファイル名： この行にある「参照」ボタンをクリックします。
ご自分のPC上に保存してある画像ファイルを指定します。
１で説明した内容でいえば「ピクチャ」フォルダ内の画像データー
を指定していただくことになります。
（２）ファイルの説明： ファイル名ではどのような画像、データーなのか
判別するのが困難なものです。 この説明行を使って簡単に説明
を記入します。
（３）アップロードの通知： ここにマークしてもらうと、アップロード
さえすれば、メンバーへ自動的にアップロードした旨が通知され
ます。
一つ二つのデーターをブリーフケースへ保存し、メンバーへ通知する
程度なら”ネチケット”上も許容の範囲だと思います。 利用して
ください。 何枚もある場合は、マークせず、別途メールにてメン
バーへその旨のメールをするのがよいと思います。
（４）最後に「アップロード」のボタンをクリックすればこれでOKです。
Yahoo groupに入ると左にツールメニューが現れます。（下図）
これを使って、グループのメンバーとの画像データーなどの共用が簡単にできます。
画像データーの例をとって下記ブリーフケースへの保存と通知の方法を説明します。
１．デジカメなどから保存したい画像データーをご自分のPCの「ピクチャ」フォルダ
等へ転送保存してください。
２．yahoo groupのブリーフケースをメニューから選んでください。
下記のようにブリーフケースに移ります。
３．この画面から「ファイルを追加」を選んでください。
４．下の画面のように、PCからブリーフケースへの保存の操作画面に変わります。
お手持ちのPCからインターネット上のサーバーなどえデーターを送ることを
アップロードといいます。 この逆にサーバーからPCへデーターを持ってくる
ことをご存知のダウンロードと使い分けています。（上りと下り）
５．この画面にて必要事項を設定し、「アップロード」ボタンをクリック
すれば、PCからYahoo groupのブリーフケースに指定して画像を送って保存
してくれます。
画面上の操作メニューは次のようになります。
（１）ファイル名： この行にある「参照」ボタンをクリックします。
ご自分のPC上に保存してある画像ファイルを指定します。
１で説明した内容でいえば「ピクチャ」フォルダ内の画像データー
を指定していただくことになります。
（２）ファイルの説明： ファイル名ではどのような画像、データーなのか
判別するのが困難なものです。 この説明行を使って簡単に説明
を記入します。
（３）アップロードの通知： ここにマークしてもらうと、アップロード
さえすれば、メンバーへ自動的にアップロードした旨が通知され
ます。
一つ二つのデーターをブリーフケースへ保存し、メンバーへ通知する
程度なら”ネチケット”上も許容の範囲だと思います。 利用して
ください。 何枚もある場合は、マークせず、別途メールにてメン
バーへその旨のメールをするのがよいと思います。
（４）最後に「アップロード」のボタンをクリックすればこれでOKです。
お約束のFacebook「いいね！」ボタンの組込方．．．たぶんその１
この記事には多くのアメブロを利用しているブロガーの方たちがFacebookの「いいね！」ボタ
ンをブログ記事タイトルに着けているのでその実現方法を記事にしようと悪戦苦闘していまし
た。 しかし、出来合いのスキンでは限界がありこれ以上進まないので、まずはフルカスタム
のできない一般のスキンを選択した方向けにとりあえずの実装方法を記事にします。
１.まずは、Facebookの「いいね！」ボタンのプラグイン（ぐちゃぐちゃとコードが書いて
あるやつ）をコピーしましょう。
サイトはこちら、Facebook developers Like buttonです。
２．このサイトに以下の登録画面が表示されています。 まずは、この画面に必要項目を
登録しましょう。
Standardの例
button_countの例
ンをブログ記事タイトルに着けているのでその実現方法を記事にしようと悪戦苦闘していまし
た。 しかし、出来合いのスキンでは限界がありこれ以上進まないので、まずはフルカスタム
のできない一般のスキンを選択した方向けにとりあえずの実装方法を記事にします。
１.まずは、Facebookの「いいね！」ボタンのプラグイン（ぐちゃぐちゃとコードが書いて
あるやつ）をコピーしましょう。
サイトはこちら、Facebook developers Like buttonです。
２．このサイトに以下の登録画面が表示されています。 まずは、この画面に必要項目を
登録しましょう。
それぞれの項目は次のようになっています。
（１）URL to Like： いいね！ボタンとリンクさせるURL。 このブログサイトのURLを
入力。
（２）Layout style: Standardとbutton_countのどちらかを選べます。 違いは次の
通り。
（３）Show face: こちらは（２）でStandardを選択した場合に有効となります。
Showを指定すると、Facebookで登録してあるプロフィールイメージが表示されま す。
（４）Width： 組込みのボタン領域のサイズです。（ピクセル値となります。）
私の場合、左フレームのプロファイルに表示させました。 この領域でStandard を４５０のままでは後半が表示できません。 各シルクのフレームにあわせて
うまく調整してみてください。
（５）Verb to display: ボタンに表示する言葉の選択。 「いいね！」か「推奨」
このDeveloperのプラグインでは英語ですが、組み込むとちゃんと日本語に変換
されます。 「いいね！」が"like”、「推奨」が”recommend”。
（６）Font：表示するフォントタイプですが、日本語に変換されますのでこの設定は
あまり意味がありません。
（７）Color Scheme: LightとDarkが選べます。 このあたりの表示に関連する変更
は設定画面右側のサンプルにつど表示されますので確認しながら選択してくださ
い。
３．Get Codeをクリックしてコードを表示させます。
この"iframe”の枠に表示されているものが組込みのプラグインです。
この箇所をマウスで指定し全てコピーします。
４．アメブロのフリープラグインへの組込み
デザインの変更の中にフリープラグインの組込みが機能限定ではありますが使えるよう
になっています。 下図を参照してください。
こちらの画面の枠に３でコピーしたコードを貼り付けるだけです。
５．次にサイドバーの変更・設置のページでこの組み込んだプラグインを有効にさせます。
下記が設定画面の例です。
この状態では左枠ないに「フリープラグイン」として表示されていると思います。
これをドラグ＆ドロップで右のフレーム内の適当な位置に持ってきてください。
私はページに渡って目につきやすいプロファイルの上に設置しました。
なれないとわずらわしいと感じるかもしれませんが、これからSEOの新しい手段としてFacebook
の「いいね！」ボタンは評価されてきていますので、まずはお試しに設置してみてください。
Facebookのお友達へも設置の連絡を。 たくさんクリックしてもらえればそれだけ訪問者が増
えるかもしれません。
お約束はできませんが、この「いいね！」ボタンをアメブロのブログ記事に連動させる方法をな
んとか記事にしたいと思います。
記事内にこの「いいね！」ボタンを組み込めばいいのではとおもいましたが、アメブロの記事の
編集では”iframe”というタグを許可していないようなので、こちらも断念しました。
ご協力いただける方はコメント、メールでご連絡お願いします。
