ひびのきろく
https://developers.facebook.com/docs/plugins/like-box-for-pages
がなくなって、Page Pluginを使おうということで、使ってみました
Facebook開発者などは
facebookページの投稿をウェブページに表示する | bgbgbg
の手順を参考に
https://developers.facebook.com/docs/plugins/page-plugin
へアクセス、facebookページのアドレスなど必要な情報を入れます
幅と高さの制限が変わったり、背景透過とかができなくなってます
Get Code でコードを取ってきて、htmlのbodyタグ内に全部書けばOKです
それっぽいのができます
色が変えられないので、カバー写真で頑張るとかでしょうか..
facebookページの投稿をウェブページに表示してみました
まず、
https://developers.facebook.com/
にアクセスして、Facebookの開発者になります
上の方のApps、Add a New Appをクリック
ウェブサイトをクリック
アプリの名前を決めて打ちこみます
カテゴリをあったものを選んで、Create App IDをクリック
そしたらFacebook SDKのJavascriptが表示されるのでコピーして自分のウェブページのheadタグの中に貼り付け
appIDが皆さんそれぞれのものになります
これを貼り付けることで他の機能がいろいろ使えます
ウェブサイトのアドレスを書きます
AppsのSettingページで変えられます
ためしにLikeボタンとコメントプラグインを表示させるため、出てきたコードをウェブページのbodyタグ内に貼り付けます
でウェブページを見ると
こんなボタンが出てきます
あとは、
https://developers.facebook.com/docs/plugins?locale=ja_JP
などで、いろいろすることができます
Likeページとか埋め込んでやると、投稿一覧が出せるのでためしにアクセスして
facebookページのアドレスとか入れてやって
Get codeで出てきたコードをbodyタグ内に貼り付けると
表示されます
facebookページが有効活用できそうです
