facebookページの投稿をウェブページに表示する

facebookページの投稿をウェブページに表示してみました

まず、
https://developers.facebook.com/
にアクセスして、Facebookの開発者になります

上の方のApps、Add a New Appをクリック
facebook-develop

ウェブサイトをクリック
facebook-develop2

アプリの名前を決めて打ちこみます
facebook-develop3

カテゴリをあったものを選んで、Create App IDをクリック
facebook-develop4

そしたらFacebook SDKのJavascriptが表示されるのでコピーして自分のウェブページのheadタグの中に貼り付け
appIDが皆さんそれぞれのものになります
これを貼り付けることで他の機能がいろいろ使えます
facebook-develop5

ウェブサイトのアドレスを書きます
AppsのSettingページで変えられます
facebook-develop6

ためしにLikeボタンとコメントプラグインを表示させるため、出てきたコードをウェブページのbodyタグ内に貼り付けます
facebook-develop7

でウェブページを見ると
facebook-develop8

こんなボタンが出てきます
あとは、
https://developers.facebook.com/docs/plugins?locale=ja_JP
などで、いろいろすることができます

Likeページとか埋め込んでやると、投稿一覧が出せるのでためしにアクセスして
facebookページのアドレスとか入れてやって
facebook-develop9

Get codeで出てきたコードをbodyタグ内に貼り付けると
facebook-develop10

表示されます
facebookページが有効活用できそうです

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください