FacebookビジネスアカウントでFacebookコメントプラグインを使う。

FacebookビジネスアカウントでFacebookコメントプラグインを使う方法をメモしておく。
Facebookアプリの作成方法やFacebookコメントプラグインの取得方法なども変わっていたのであわせて書いておく。

Facebookのアプリ作成方法

アプリを作成するには、https://developers.facebook.com/への登録が必要なので、登録していない場合は登録する。

ログイン後、メニューバーのAppsの「Create a New App」を押す。

fba1
押すと、以下のような画面が表示されるので、「Display Name」にアプリ名を入れ、カテゴリを選んで「アプリケーションを作成」を押す。

fba2

画像認証が表示されるので、適切な文字を入力し「送信」を押すとアプリが作成される。

fba3
作成後、アプリの設定画面が表示される。

fba4
作成直後は、非公開の状態となっているので、必要な情報の入力や設定を行い、公開の状態にする必要がある。

設定するのは「Settigs」の「App Domains」や「Contact Email」あたり。
あと、「+ Add Platform」を押してアプリを利用するプラットフォームを選択する。

fba5
例えば、wordpressで利用するような場合は「Website」を選ぶ。

fba6

「Site URL」にサイトのURLを入力する。「Mobile Site URL」は携帯用のサイトがあれば入力する。
入力後は「Save Changes」ボタンを押して設定を保存する。

fba7

次に「App Details」の「Contact Info」あたりも設定しておく。
入力後は「Save Changes」ボタンを押して設定を保存する。

fba8

設定後、「Status & Review」にアクセスする。
「Approved Items」の「email」「public_profile」「user_friends」の前の丸が以下のように緑色の丸になっていればOK。

fba9

アプリ名の横に表示されているスイッチを「YES」にすると公開状態となる。

設定完了後はアプリIDを取得しておく。
なお、アプリIDは「Dashboard」のアプリ名の下に表示されています。

fba10

 

コメントプラグインの取得方法

https://developers.facebook.com/docs/plugins/comments
にアクセスする。

fbp1

「URL to comment on」にはコメントプラグインを設置するURLを入力。
「Width」にはパソコンでみた際の横幅を指定する。(スマホなどで見た際は自動的に調整されるようになっているので気にしなくて良い)
「Number of Posts」には表示するコメント数を入力する。
「Color Scheme」では、プラグインの色調を選択する。

設定後、「Get Code」ボタンを押すと、自分のサイトで利用するHTMLタグが表示されるので、コピペして利用する。

fbp2

<meta property=”fb:app_id” content=”アプリID” />
<meta property=”fb:admins” content=”フェイスブックID” />

も設定しておくとコメント管理が楽になります。

※ 参考
Facebookコメントを導入してみた

 

FacebookビジネスアカウントでFacebookコメントプラグインを使う

やっと本題。
Facebookコメントプラグインをサイトに設置し、Facebookビジネスアカウントでログインした状態でコメントしてみるのだが、エラーになってうまく投稿ができない。
個人アカウントでは問題なく投稿できるので、おそらくビジネスアカウントではできない仕様になっているものと思われる。

いろいろやってみて、

  1. 個人アカウントをビジネスアカウントの管理者(あるいは編集者)に登録する。
  2. コメントに登録する際はFacebookユーザを変更する。

のようにすると、よいことがわかりました。

 

個人アカウントをビジネスアカウントの管理者(あるいは編集者)に登録する。

まず、個人アカウントでFacebookにログインして、ビジネスアカウントのFacebookページに「いいね」する。(これがないとFacebookページ管理者として利用できない)

ビジネスアカウントでログインしなおし、Facebookページにアクセスする。
Facebookページの「ページ情報を更新」を押す。

fb2

「その他」の「ページロール」を押す。

fbc1

Facebookページのユーザを登録できるので、以下のところに個人アカウントのメルアドを入力して、登録を行う。

fbc2

コメントに登録する際はFacebookユーザを変更する。

個人アカウントにログインしなおしてから、サイトに設置されたFacebookコメントプラグインにアクセスする。

fbc3

「変更」を押すと、ビジネスアカウントのユーザ名が表示されるようになっている。

fbc4

ここで、ビジネスアカウントを選ぶと、

fbc5

のようにビジネスアカウントでコメントを投稿できるようになります。

 

Facebookコメントの管理

Facebookコメントプラグインを設置する際に

<meta property=”fb:app_id” content=”アプリID” />
<meta property=”fb:admins” content=”フェイスブックID” />

を書いておけば、Facebookコメントプラグインに「モデレータビュー」や「設定」のリンクが表示されるようになります。

fbc6

「設定」をクリックすると以下のような画面が表示されます。

fbc7

「モデレータ」のところに個人アカウントを登録しておけば、このアプリにコメントが投稿されるたびに通知がくるようになります。

また、「アプリのコメントを管理」のリンクからは投稿されたコメントを一括で管理できます。