2012/07/15

WordPress とfacebookを連動してみました Open Graph Pro と facebook plugin で画像も(たぶん)連携


次に、記事を投稿したらfacebookに流す仕組みを、@猫乃手舎.com でやってみようかと奮闘。


まず、facebook 側でアプリの設定が必要。
自分のアカウントにログインした状態で
https://developers.facebook.com/apps

右上の「Create New app」から以下の画面に入力

App nameと namespace (オプションになってるけど、OGPを使ってサムネイルを出したいので入れる必要あり)を入力する。
とApp ID/API Key と App secret と言うものが発行されるので(._.) φ メモメモ しておく。

それから
http://graph.facebook.com/xxxxx <--- xxxxx に自分のfacebookIDを入れる
(自分のページにアクセスしたときの https://www.facebook.com/xxxxx <---の部分)
===========
{
   "id": "695339317",   <--- ここの数字を(._.) φ メモメモ
   "name": "\u524d\u7530 \u5eb7\u5b50",
   "first_name": "\u5eb7\u5b50",
   "last_name": "\u524d\u7530",
   "username": "junior.maeda",
   "gender": "female",
   "locale": "en_GB"
}
================

それから投稿を許可するには、facebook アプリ側の設定追加が必要
https://developers.facebook.com/wordpress/ こちらを参考に

"Open Graph" の設定にpublishの許可を追加。
たぶんこれでいいのかな。

Open Graph がアクティベートされていない場合はそちらもやらねばです。
(Open Graphの設定にnamespaceが必要)


(2) OGPの設定 -> 「Open Graph Pro」 pluginをwordpressに導入

WP-OGPというプラグインもあるようなのですが面倒みたいなので止めました。

Wordpressのダッシュボード、pluginから「Open Graph Pro」を検索してインストール

Open Graph Pro の設定画面から、先ほどのuser IDとApplicationID を入力


保存してみる。

こちらで確認 ↓ 

いや〜、Parser Mismatched Metadata の warningがでるんだけど、解決は・・・・
ま、ちょっとほっときますか。

(3) facebook のpluginをwordpressにインストール

以下からダウンロード ↓

実は、1.0.1で設定したところ、うまくいかず一時断念

2012年7月13日にupdateされた1.0.2になって状況が改善。
変更内容にある、これ ↓ ですね。良かった。二晩ほど泣きそうだったけど。 
・Removed the need to create PHP sessions, relying on user meta/transients now.
http://wordpress.org/extend/plugins/facebook/changelog/

一応、wordpressではエラーが出なくなりました。

記事が完了したら送られるように設定・・・したつもり。
facebook plugin の設定で、「Social Publisher」をonにする。
保存を押すと、馴染みの「連携して良いですか」ダイアログが出るので、確認して良かったら連携する。
たぶん、これで良いと思うのだけど、今晩のバッチでうまく動くと良いな。(テストしない・・・・(`◇´)ゞ・・・)


likeボタンもウィジェットからサイドバーに追加してみた。
(記事毎のlikeボタンは・・・別のつかっちゃってるんだよな)

そちらは動作すること確認、テストに反応したお友達もいて・・・(`◇´)ゞ 失礼しましたm(_ _)m


その他いろいろな機能があり、Facebook Pageに投稿できたり、まあいろいろあるようです。
それはのちのち。

これで毎日猫写真がfacebookに連動するかな〜、するといいな〜。

0 件のコメント: