ザツログ

雑学、幕末、80年代、ブログカスタマイズ、ITトラブルシューティングなど。

MENU

はてなブログに設置した『Zenback』の『Facebookコメント』にコメントがあれば通知する方法

f:id:maekeeeeen:20141026034849p:plain

出典:Zenbackであなたのブログに全てのフィードバックを。

ZenbackについているFacebookコメントにコメントがあった場合に通知させる方法を紹介します。

 

『Zenback』って何?

Zenbackは、Facebookコメントや、Twitterのコメント等を色々表示させる事ができるブログパーツです。

簡単にFacebookコメントを設置できますが、このままではコメントがあっても通知されないので、せっかく頂いたコメントを無視してしまう可能性があります。

 

Facebookの『app_id』を取得する

①Facebookにログインした状態で、下記の『Facebook開発者』のサイトにアクセスします。

②画面上部のメニューより『Apps』 > 『Add a New App』を選択します。

③『ウェブサイト』のアイコンをクリックします。

f:id:maekeeeeen:20141026041546p:plain

 

④任意のアプリケーションの名前を入力し、『Create New Facebook App ID』をクリックします。

f:id:maekeeeeen:20141026042542p:plain

 

⑤『カテゴリ』は『コミュニケーション』を選択し、『Create App ID』をクリックします。

f:id:maekeeeeen:20141026042722p:plain

 

⑥画面を下にスクロールすると、以下のテキストボックスが表示されますので、Facebookコメントを設置するブログのURLを入力し、『次へをクリックします。

f:id:maekeeeeen:20141026042831p:plain

 

⑦画面下部に『Finished!』が表示され、『App_id』の取得が完了します。

f:id:maekeeeeen:20141026043125p:plain

 

作成した『App_id』を利用可能にする

①画面上部のメニューより『Apps』をクリックし、作成したアプリ(例では『test』)を選択します。

f:id:maekeeeeen:20141026044153p:plain

 

②『Settings』を選択し、以下の情報を入力し、下部にある『Save Changes』をクリックします。
App Domains』:ブログのURL
Contact Email』:利用可能なEメールアドレス

f:id:maekeeeeen:20141026044533p:plain

 

③『Status & Review』を選択し、『YES』に変更します。

成功すると、緑丸のアイコンが表示されます。

f:id:maekeeeeen:20141026045214p:plain

 

はてなブログの『head』に『App_id』を設定

①はてなブログの管理画面より、『設定』 > 『詳細設定』を選択します。

②『headに要素を追加』に以下の形式でmetaタグを入力し、『変更する』をクリックします。

<meta property=“fb:app_id” content=“Facebookのapp_id”>

f:id:maekeeeeen:20141026050140p:plain

 

③設定が全て正しければ、Facebookコメントに『設定』が表示されますのでクリックします。

f:id:maekeeeeen:20141026050925p:plain

 

④『モデレータ』に自分の名前(通知を受け取るFacebookアカウント)を追加し、『保存する』をクリックします。

f:id:maekeeeeen:20141026051549p:plain

 

⑤設定が正しく完了すると、コメントがあると下記のように通知されます。

f:id:maekeeeeen:20141026051806p:plain