Blog

Facebook Graph APIを使ってFacebookページのフィードを取得する方法

Facebook Graph APIを使ってFacebookページのフィードを取得する方法

最近、Facebook ページに投稿した記事をサイトのニュースとして表示したいという要望がありました。
今後の利用のために、方法をこちらに残すことにしました。

↓こちらのサイトで紹介いただいていた方法はを参考にさせていただきました。

graphAPIを使ってfacebookの投稿を読み込む方法  | 株式会社オーツー|スタッフブログ

手順

  1. Facebook にアプリを登録 (App ID の取得)
  2. アクセストークンの確認
  3. jQuery でフィードを取得

 

方法

1. Facebook にアプリを登録 (App ID、APP の取得)

facebook for developers から任意の名前でアプリを作成し、
App ID を取得します。

アプリを新規作成

アプリを新規作成

App ID を確認

App ID を確認

 

2. アクセストークンの確認

アクセストークンツール から作成したアプリのアクセストークンを確認します。

App Token が Graph API で使うトークンです。

App Token が Graph API で使うトークンです。

 

3. jQuery でフィードを取得

ここまで準備ができたら、いよいよ Graph API を使ってフィードを取得します。
今回はjQueryでフィードを取得します。

 

参考サイト

graphAPIを使ってfacebookの投稿を読み込む方法 | 株式会社オーツー|スタッフブログ

jQuery – ウェブSDK – ドキュメンテーション – 開発者向けFacebook

Author Profile

ninomiya
ninomiya
Webデザイナー兼コーダーです。 イラストを描くのも好きです。 SVGとCanvasを使ったWEBアプリにも興味があります。 よろしくお願いいたします。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ