weblogeyecatch1.jpg

ブログの投稿をFacebook(フェイスブック)に連動、連携させる。

先日、TwitterとFacebookを連動させる方法を2回(Part1Part2)を書きました。
今度はブログのエントリー記事をFacebook(フェイスブック)に自動または手動で連動、連携させる方法を色々試して比較してみました。
ブログ記事をFacebookへ投稿

自動の場合は「My Blog Posts」、「RSS Graffiti」、「twitterfeed」(外部アプリ)等のFacebookアプリを活用する方法があります。また、手動の場合には見ているページをFacebookでシェアできる「Facebook ブックマークレット」を活用する方法があると思います。

ということで全て試してみることにしました。


≪「My Blog Posts」アプリ≫

Facebookの検索窓に「My Blog Posts」と入力します。
My Blog Postsを検索

アプリのページ左上の「アプリへ移動」をクリックします。
アプリへ移動

アプリの許可を聞かれるので「許可する」をクリックします。
アプリの許可

「Allow」をクリックします。
アクセス許可

アプリに接続します。「Your blog address」にブログのURLを入力します。
アドレス設定

ブログの名称が表示されます。友達は選択せずに「スキップ」をクリックします。
ブログを認識

ブログとアプリが接続されました。接続を解除したい時は「Remove」をクリックします。
設定完了

ブログが更新されると、この様に投稿されました。
投稿例



≪「RSS Graffiti」の設定≫

Facebookの検索窓に「RSS Graffiti」と入力します。
RSS Graffitiを検索

検索結果から「アプリを見る」をクリックします。
アプリを見る

「アプリへ移動」をクリックします。
アプリへ移動

「Click HERE to authorize RSS Graffiti」をクリックします。
アプリへ接続


アプリの許可を聞かれるので「許可する」をクリックします。
許可

「+ Add feed」をクリックします。
feedの追加

「Feed URL」に自分のブログのRSSフィードURLを入力します。
「Source Name」に自分のブログの名称を入力します。※日本語で入力したところ、文字化けする場合があるようです。
「Source URL」に自分のブログのURLを入力します。 
「Style」は3つから選びます。下記に設定例を記載します。
RSS設定


「Style」の設定例
・Standard・・・画像1枚、タイトル、本文(全文)などが表示されました。
Standard

・Compact・・・タイトルとブログ名称等が表示されました。
compact

・Status Updates・・・タイトルのみです。
Status Updates

ブログをアップして見たのですが、エラーになってしまいました。



≪「twitterfeed」の設定≫

アプリにつなぐと外部の「twitterfeed」に接続されます。TwitterとFacebookの両方でブログと連携が可能です。

Facebookの検索窓に「twitterfeed」と入力します。
検索

アプリのページで「アプリへ移動」をクリックします。
アプリへ移動

外部の「twitterfeed」にリンクされるようです。上部の「sign up」をクリックします。
Twitterfeed

「twitterfeed」にSign Upしてから設定を行います。メールアドレスとパスワードを入力して「Create Account」をクリックします。
設定

「Feed Name」に自分のブログの名称を入力します。下部には自分のブログのRSSフィードURLを入力して、右横の「test rss feed」をクリックします。
設定

下部の「Advanced Settings」をクリックすると、詳細設定が出来ます。ハッシュタグの設定も出来ます。
詳細設定
下部左のボタン「Continue to Step 2」をクリックします。

フィードの投稿先を設定します。「Facebook」をクリックします。
Facebook設定
(ここでTwitterへの投稿も設定できます)

中央部の「f Connect with Facebook 」をクリックします。
Facebook設定

Facebookのアプリの許可につながるので「許可する」をクリックします。
接続許可

ウォールへの許可につながるので「許可する」をクリックします。
アクセス許可

Facebookに接続されました。左下部のボタン「Continue to Step 3」をクリックします。
Facebook接続完了

左下部の「All Done」をクリックします。
設定終了

これで設定が完了です。
設定完了確認画面

ダッシュボード画面です。リンクのクリック数がカウントされるようです。
ダッシュボード

Facebookに投稿された画面です。タイトルと本文の一部が表示されます。
投稿画面




3つのアプリを試してみたのですが、「RSS Graffiti」以外では画像が表示されません。「RSS Graffiti」で画像を表示できるStandardの設定では全文が投稿されてしまうという問題(問題でもないですが・・・)もあります。



≪「Facebook ブックマークレット」を利用して手動で連携する方法≫

ブラウザのお気に入りバーに「Facebook ブックマークレット」を登録することで、開いているページをFacebookに簡単に「シェア」出来ます。自分のブログに限らず、簡単にシェアできますので設定しておいて損はありません。
これを利用して自分のブログ記事を開いてシェアすることで手動で連携させます。

アプリを使った自動の場合と違い、自分のタイミング(見てもらえそうな時間帯にシェアする等)でFacebookに連動できます。記事を読みなおしてから連動させたり、記事によっては連動させなかったりということも出来ます。
また、サムネイルにする画像を選択出来ることも大きな利点です。

私はChromeを使っていますがChromeでは簡単に出来ます。IEの場合には設定が少し違いましたので下記(※IEの場合)に記載します。

「Facebook ブックマークレット」
http://www.facebook.com/share_options.php
にアクセスします。
ブックマークレット

「Shere on Facebook」をブラウザのお気に入りバーにドラックします。
ブックマークレットボタン

「Shere on Facebook」をクリックしたまま、お気に入りバーにドラックします。分り難いですが、こんな感じです。
ドラック

※IEの場合
・「Shere on Facebook」の上で右クリックして「お気に入りに追加」をクリック
・「追加しよう・・・・・・続行しますか?」と聞かれるので「はい」をクリック
・作成先は出来れば「お気に入りバー」に入れておくと便利


自分のブログ記事を開き、お気に入りバーの「Shere on Facebook」をクリックすると下のウィンドウが開きます。上の枠内にメッセージを記載可能です。私は「blogup」とだけ入れています。記事概要の下にある左右矢印でFacebookに掲載したい画像を選択できます。
シェア


「シェア」をクリックすると即座にFacebookのウォールに流れます。
Facebookに連携


融通が効く手動が一番という結論に行き着き、当面はこの方法を活用することにしました。

Comments [22]

No.1

こんにちは、初めまして。。。
「Facebook ブックマークレット」について調べていて、コチラにたどり着きました。
私はブラウザはクロームを使っています。
新しくfacebookページを今作っていまして、
「Facebook ブックマークレット」を使いたい。。。と思っています。
ブログをfacebookページにも使えますか?

手順通りに設定しようとしますが、
「Shere on Facebook」をクリックしたまま、お気に入りバーにドラックします。
が、どうしてもできません。
お気に入りバーにドラッグしても弾かれてしまいます。。。
いろいろ調べてみましたが、どうしてもわからなかったので、書き込みしました。
よろしければ、教えて頂けませんか?
よろしくお願いいたします。

No.3

早々にお返事書いて下さってたのですね!
気がつかずにごめんなさい
教えて頂いた手順でやってみます!
ご丁寧にありがとうございました。
またコメント書きに来ます〜
取り急ぎ!お礼まで。

No.5

はじめまして。
facebookとブログの手動リンクの方法を調べて拝見しています。

早速で恐縮ですが、ブログリンクの手動リンクは可能なものの、必要な記事だけアップというようにできず、正確に言うとリンクはその記事だけですが、ブログにアーカイブをつけているので結局すべての記事が開けてしまいます。

ブログ側でアーカイブを見せない仕様に変更するしかないのでしょうか。サムネイルも記事が複数あるものの、1件しか表示されません。

ブラウザはIEですが、クロームだとうまくいくのでしょうか?

要領を得ず申し訳ありませんが、是非アドバイスをお願いいたします。

No.7

早速のご連絡ありがとうございます。私も同じ推測だったのですが、フェイスブックに公開したいブログ記事のみが表示されるといいなぁと考えた次第です。

No.9

FC2ブログを手動でfacebookと連携しようと思っています。

書かれている手順通りに進み、お気に入りバーの「Shere on Facebook」をクリックすると掲載したいブログの画像だけでてきます。本文はでてきません。
枠の中に何か書こうとしても弾かれてしまい、ためしに何かをコピペしても空欄に戻ってしまいます。
「シェアする」ボタンや「自分のウォールに」の選択ボタンも押せません。どこかをクリックするたびにウインドウがちかちかします。
念のため自分のウォールを見ましたがやはり載ってないです。
どうすればいいのでしょうか。

No.11

何度も申し訳ありません。最近のコメントでFC2ブログについて記事のみ表示とあったので、再度投稿しました。

私がFC2ブログでブックマークレットを行うとQRコードが表示されてシェアします。シェア後は単純にリンクされるだけです。画像の選択もできない(画像にならず、QRコードが貼り付けられる)状態です。同じ手順、ブログもFC2なのに何故同じようにならないのか不思議に思っています。

No.13

初めまして。
ブログをfacebookに連動する方法がなかなか巧くいかなかったのですがこの記事で即解消。
有難う御座いました。

No.15

はじめまして!
友達に、ブログとfacebookを連動について聞かれて、どうするか私も分からなくて、検索していたらこちらにたどり着きました。
ブログタイトルは、どうしても文字化けしてしまうのですが、無事に連携も出来ました。友達にも報告しようと思います。
ありがとうございました。

No.17

先週フェイスブックデビュをしたのは良いのですが
やはり、外部ブログ(地方が運営しているもの)との投稿時の更新連携の方法としてRSS Graffitiを、2日間試してみましたが、プレビューはできるのにまったく反映されていなかったので、困っておりました

でもおかげさまで
Facebook ブックマークレットでの手動更新ができるようになりまして、現在はブログ更新時にそのままシェアしています

大変助かりました
ありがとうございました

No.19

こんにちは。
ブログとの連携に悩んでいた所でしたが、
≪「Facebook ブックマークレット」を利用して手動で連携する方法≫
を参考にさせて頂き、連携することができました。クロームなので実に簡単でした。ありがとうございました。

No.21

はじめまして。
実は、ブログはso-netブログを使って
いて、こちらで教えて頂いた手動の方法でFacebookに
記事を連動させることを試してました。

すると、ブログをFacebookに連動させることは
できるのですが、Facebookのブログアップの記事に
表示させる写真が、アップしたい記事の中の写真から
サムネイルで選ぶことはできず、so-netブログの
プロフィールの写真だけしか、サムネイルで
表示させることができません。

この改善方法をもしご存知であれば教えて頂けると
嬉しいです。
宜しくお願い致します。

関連記事

このページの上部へ

Googleサイト内検索

最近のピクチャ

  • 仙台東照宮
  • 遠野町家のひなまつり
  • 大崎八幡宮 拝殿
  • 榴岡天満宮
  • 仙台総鎮守愛宕神社 御社殿
  • 宮城縣護國神社
  • 富岡八幡宮
  • 萬年橋

月別アーカイブ

  1. 2019年3月 [2]
  2. 2019年2月 [11]
  3. 2018年12月 [3]
  4. 2018年11月 [4]
  5. 2018年10月 [2]
  6. 2018年9月 [7]
  7. 2018年8月 [2]
  8. 2018年5月 [2]
  9. 2018年4月 [2]
  10. 2018年2月 [3]
  11. 2018年1月 [5]
  12. 2017年12月 [2]
  13. 2017年11月 [1]
  14. 2017年10月 [1]
  15. 2017年9月 [2]
  16. 2017年7月 [1]
  17. 2017年5月 [2]
  18. 2017年4月 [2]
  19. 2017年1月 [1]
  20. 2016年12月 [1]
  21. 2016年10月 [4]
  22. 2016年9月 [4]
  23. 2016年8月 [1]
  24. 2016年7月 [2]
  25. 2016年6月 [1]
  26. 2016年5月 [3]
  27. 2016年4月 [2]
  28. 2016年3月 [5]
  29. 2016年1月 [3]
  30. 2015年12月 [4]
  31. 2015年11月 [2]
  32. 2015年10月 [4]
  33. 2015年9月 [3]
  34. 2015年8月 [4]
  35. 2015年7月 [2]
  36. 2015年5月 [4]
  37. 2015年4月 [2]
  38. 2015年3月 [2]
  39. 2015年2月 [1]
  40. 2015年1月 [4]
  41. 2014年12月 [1]
  42. 2014年11月 [3]
  43. 2014年9月 [1]
  44. 2014年8月 [5]
  45. 2014年6月 [2]
  46. 2014年5月 [1]
  47. 2014年4月 [2]
  48. 2014年3月 [7]
  49. 2014年2月 [1]
  50. 2014年1月 [6]
  51. 2013年12月 [10]
  52. 2013年11月 [7]
  53. 2013年10月 [6]
  54. 2013年9月 [10]
  55. 2013年8月 [3]
  56. 2013年7月 [7]
  57. 2013年6月 [3]
  58. 2013年5月 [8]
  59. 2013年4月 [10]
  60. 2013年3月 [4]
  61. 2013年2月 [13]
  62. 2013年1月 [5]
  63. 2012年12月 [9]
  64. 2012年11月 [1]
  65. 2012年10月 [1]
  66. 2012年9月 [1]
  67. 2012年8月 [1]
  68. 2012年7月 [4]
  69. 2012年6月 [6]
  70. 2012年5月 [4]
  71. 2012年4月 [1]
  72. 2012年3月 [8]
  73. 2012年2月 [8]
  74. 2012年1月 [4]
  75. 2011年12月 [10]
  76. 2011年11月 [9]
  77. 2011年10月 [10]
  78. 2011年9月 [8]
  79. 2011年8月 [9]
  80. 2011年7月 [8]
  81. 2011年6月 [19]
  82. 2011年5月 [16]
  83. 2011年4月 [1]
  84. 2011年3月 [6]
  85. 2011年2月 [18]
  86. 2011年1月 [20]
  87. 2010年12月 [15]
  88. 2010年11月 [20]
  89. 2010年10月 [34]
  90. 2010年9月 [11]

Powered by Movable Type 7.9.1