![画像](https://habrastorage.org/getpro/habr/post_images/66e/035/1ec/66e0351ecbba69187b91ff2a9009986d.png)
直感は、Facebookとの統合にそれほど時間をかけるべきではないことを示唆していたため、判明しました。
実装
便利なことに、開発者は、可能な統合オプションと時間コストとプロジェクトの利点を十分詳細に説明しました 。
私は特にこのサインが好きでした:
![画像](https://habrastorage.org/getpro/habr/post_images/85f/579/67d/85f57967da849c74309508a0291a80ff.png)
簡単なウィザードを実行して、アプリケーション(アプリケーション)を作成しました。
![画像](https://habrastorage.org/getpro/habr/post_images/c2a/02f/e13/c2a02fe133f57c9d231e41d132e9ce45.png)
2番目のステップで、ファイルをダウンロードしてサーバーにアップロードしました。Facebookはそれを見つけ、その結果APPLICATION_IDを受け取りました。
次に、ローカルの「サンドボックス」で、ページ上のFacebook APIを接続するコードを受け取りました。これにより、Facebookタグ(総称してXFBMLと呼ばれ、プレフィックス「fb:」)を使用できます。 これらのタグは、許可されたユーザーのプロファイル情報、コメントフォーム、およびその他の要素を表示します。 XFBMLの詳細については、 ドキュメントを参照してください 。
このコードは次のようになります。
< div id ="fb-root" ></ div >
< script >
window.fbAsyncInit = function () {
FB.init({
appId: "YOUR_APPLICATION_ID" ,
xfbml: true ,
cookie: true ,
status: true
});
};
( function () {
var e = document .createElement( 'script' ); e.async = true ;
e.src = document .location.protocol + '//connect.facebook.net/en_US/all.js' ;
document .getElementById( 'fb-root' ).appendChild(e);
}());
</ script >
* This source code was highlighted with Source Code Highlighter .
ロシア語を接続するには、ru_RUロケールを使用する必要があります。 これを行うには、「// connect.facebook.net/en_US/all.js」の行を「//connect.facebook.net/en_RU/all.js」に置き換えるだけです。
フォームとコメントのリストを追加するには、マテリアル出力テンプレートに次のタグを追加します。
< fb:comments ></ fb:comments >
* This source code was highlighted with Source Code Highlighter .
これの結果として見えます:
![画像](https://habrastorage.org/getpro/habr/post_images/d1d/4e3/ccd/d1d4e3ccd2e49bfbd4e2c62849ac3b6f.png)
もちろん、最も興味深いオプションは、「Facebookの私のプロフィールにコメントを追加する」機能です。これにより、すべての友達があなたのコメントを確認したり、ディスカッションに参加したりすることができます。 Huffington Postにとって、これは非常に効果的でした。 Facebookでの私のコメントの見方は次のとおりです。
![画像](https://habrastorage.org/getpro/habr/post_images/da6/564/648/da656464887bbc38b8845a496e2477d6.png)
時間の面では、2時間のようになりました。
BosworthとIvan Zasurskyが話したように、このようなコメントシステムはすでにサイト"Private特派員"で機能していますが、ITトピックのコメントシステムについてのあなたの意見は興味深いものです。