- Wordpressの覚書 - https://wp.workdesign.jp -

Facebookとの連携[WP-OGP]をいれてみた

WordPressにFacebookのOGP(Open Graph Protocol)を入れてみました。
参考にしたサイト↓(感謝)
WordPressにFacebookのOGP(Open Graph Protocol)を簡単に設定できる「WP-OGP」プラグイン [1]

プラグインを有効にして・・・と、ここで有効にできないトラブルが出ました。
複数のサイトで試しましたが、なぜか有効にできない。
一旦諦めて、日をあらためて、WordpressをUpgradeしてみると、全部有効にできました。
このUpdateもすんなりとはいかなくて、有効にした後表示不可になりますが、一旦ダッシュボードなどを表示させてからプラグイン一覧を確認すると、ちゃんとプラグインが確認できました。

まず、Facebook側でアプリの登録を行ないます。
「管理者のページ」-「マイアプリ」-「Set Up New Spp」をクリック。
アプリケーション名は適当でOK。
規約に同意して「アプリケーションを作成」。
セキュリティチェックを送信。
「アプリケーションID」と「Application Secret」が表示される。
作成されたアプリの「Web Site」タブで、[Site URL]にWordpress側のURL、[Site Domain]にはそのドメイン名を入力して保存。

次にWordpress側の設定。
メニューの「WP-OPG」を開き、
[fb:appid] アプリケーションID
[fb:admins] FacebookのユーザID
を入力。
ユーザIDが不明なら「http://apps.facebook.com/what-is-my-user-id/」に行きなさいと英語で書いてあります。

プラグイン編集で、「wp-ogp.php」を1箇所修正。

function load_wpogp_settings() {
global $ogpt_settings;
$ogpt_settings[‘fb:appid‘] = get_option(OGPT_SETTINGS_KEY_FB_APPID);
$ogpt_settings[‘fb:admins’] = get_option(OGPT_SETTINGS_KEY_FB_ADMINS);
}

誤 fb:appid
正 fb:app_id

テーマのヘッダーに下記を追加。
<html xmlns:og=“http://ogp.me/ns#” xmlns:fb=“http://www.facebook.com/2008/fbml”>

ページのソースを見ると、WP-OGPのメタ要素がたくさんできているのがわかります。
これで、ブログの内容をFacebookに伝えるわけです。