WordPressとFacebookをWordbookerで連携

2011年10月26日

Facebook, Wordpress, プラグイン

Pocket

先日試してなかなか連携出来なかったWordbookerですが、

ようやくブログとFacebookと連携できたので、その顛末を。

まずこのサイトは現在マルチサイトとして機能はしていませんが、マルチサイトとしてあります。

ぼくの場合のプラグインのインストールは、サイトネットワーク管理者としてログインしてプラグインをWordpress上からインストールしてしまいます。

ファイルをダウンロードして、FTPでアップロードしてという方法は取っていません。

その方がお手軽なので。

Wordbookerに関しては、ネットワークでプラグインは有効にしませんでした。

それぞれのサイトなりブログでプラグインを有効にしています。

その後Wordbookerの設定をするのですが、参考にさせてもらったサイトの通りに設定しても、

投稿に成功したという意味だと思われるPublishという表記がされているのですが、肝心のFacebookには投稿されていません。

まずは最初の設定から

最初の見出しのGeneral Posting Optionsの設定です。

Default Publish Post to Facebook :にはチェックを入れます。

デフォルトでFacebookに投稿しますという意味とのこと。

Unless changed, Posts will be published on the Facebook belonging to :にはこのブログのユーザー名を入れました。

その他にユーザーはいませんので選ぶ余地はありませんが、デフォルトではCurrent Logged in Userとなっています。

そのどちらでも投稿できました。

その他は特に設定していません。

2つめの見出しのFacebook Like and Share Optionsには何もチェックを入れていません。

いいねボタンやシェアボタンの設定のようです。

当ブログは個別ページにいいねボタンがありますので、特に入れませんでした。

3つめの見出しのComment Handling Options

『Facebookにコメントがあったときに、そのコメントをどうするか』というような設定のようです。

Import Comments from Facebook for new Wordbooker Posts: にチェックを入れました。

FacebookのコメントをWordpressに投稿するというような設定のようです。

その他は特に設定していません。

4つめの見出しのAdvanced Options

全く触っていません。

Facebook側のサムネイルだとか、Iframesだとかいろいろな設定があるようですが、正直なところ理解してません。

次が一番問題だったUser Level Settings

参考にさせてもらったサイトには、複数のユーザーがいる場合に使用するときにチェックを入れるというようなことが書かれていたので最初は何もチェックを入れませんでした。

しかし何度投稿してもFacebookには反映されないので、

Post to the following Wall :にチェックを入れてみました。

チェックを入れた後にテスト投稿してみると、Facebookに反映されていました。

ようやくWordpressからFacebookへ投稿ができるようになったわけです。

しかし、投稿の横に表示されるサムネイルが、全く意味のない画像だったので、さらにいじることになりました。

ここまでは様々なサイトを参考にさせてもらいましたが、サムネイルのことは探し足りないのか、探し方が悪いのかヒットしません。

そこで思い出したのがWordpress本。

WordPressの書籍が出ると、1個でも参考になると思う記事があるとつい買ってしまって持っていたのですが、

WordPressデザインブックに、それらしきことが書かれていたのを思い出し調べてみました。

STEP9-3にありました。

OGPを記述して連携するようです。

これは本になっているのでそのまま書いていいのかわかりませんので、ざっくり書きますが、

Open Graph Proというプラグインを使用します。

WordPressにOpen Graph Proをインストール。

OGP（Open Graph Protcol）をHeader.phpに記述します。

下記の3行目を記述してます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

Open Graph Proの設定画面に移りそれぞれの設定をします。