質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Facebook Graph API

Facebook Graph APIとは Facebookのグラフデータベース用のAPIであり、対応言語はPHP、Perl、ActionScript、JavaScriptなどがあります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Q&A

1回答

9729閲覧

Facebookページのfeed情報を取得してhtmlに表示したい。

TomohiroSagawa

総合スコア13

Facebook Graph API

Facebook Graph APIとは Facebookのグラフデータベース用のAPIであり、対応言語はPHP、Perl、ActionScript、JavaScriptなどがあります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

0グッド

3クリップ

投稿2016/03/18 09:05

友達の結婚式にみんながそれぞれ投稿した写真を取得してそれを簡単に表示できないかといろいろ調べていました。
始めはinstagramのハッシュタグで抽出できたらと思ってたのですが、仕様が変わって申請しなくてはだめとのことで諦めて、結婚式のfacebookページを作り、そこに投稿された画像をリアルタイムで表示できたらなと思っています。

html,cssしかわからない初心者ですが、よろしければどなたかご教授ください。

テスト用のfacebookページのトークンなどは取得してあります。

宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

アクセストークンを取得済みということであれば、以下の実装例を参考にしてみてください!

(昔つくったやつです。)
new facebook get feed v2.3

実装例が以下です。(RWD対応)
http://murakiseikotsuin.com/
http://murakiseikotsuin.com/gallery/

考え方は同じですよ~。

投稿2016/03/18 09:20

編集2016/03/18 09:23
takumaro_web

総合スコア301

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

TomohiroSagawa

2016/03/18 09:31

わざわざコードペンのリンクまでありがとうございます。 実装例見ました!イメージ通りです! こちらのようなのを作りたいのですが、さっぱりです。。。 むずかしいですね><
takumaro_web

2016/03/18 09:33

>html,cssしかわからない すみません。 jsonから情報を取得し、phpかjsで表示させるのでそちらの知識がないとハードルが高いかもしれません。。
takumaro_web

2016/03/18 09:37

facebookページとアクセストークンは取得済みでしょうか? (個人的にそこがめんどくさかった記憶があったので...)
TomohiroSagawa

2016/03/21 09:20

遅くなり申し訳ございません。。 facebookページとアクセストークンは取得しました! jsonとかはほ知識0です。。 そこの知識がないと難しいですかね?(´・ω・`)
takumaro_web

2016/03/22 02:12

▼実装例 http://codepen.io/takumaro-web/pen/EjNqVz codepenでも実装例を用意しました! jsの記述の $.getJSON('https://graph.facebook.com/v2.3/[写真ページのID]/photos/?access_token=[アクセストークン], function(json){ に変更して画像が表示されるか試してみてください! jsonの知識は多少は必要ですが、取得の部分だけなので あとは見せ方になる部分の実装だけになります。(こちらはCSSとJSとHTML次第) アルバムのID取得方法は、 facebookページ → 【写真】 → 【アルバム】 → 【タイムラインの写真】のURL https://www.facebook.com/media/set/?set=a.xxxxxxxxxxxxxxxx【16桁の数字】 がアルバムIDになります! テストで画像をタイムラインにアップすれば、閲覧できるかと思います! 挑戦してみてください~。
MasakiIshida

2017/06/11 02:12

takumaro_web さま はじめまして。Facebookアルバムを自社ページへ連動させたくてキーワード検索でここにたどり着きました。このソースは利用させて頂いてもよろしいでしょうか? テストで組み込んでみたのですが、アルバムの情報が、一番古い写真から掲載されるようになりましたが、プログラムが良く分かっていないので、「ランダム表示」もしくは「最新野画像から数えて件数分表示」ということは可能なのでしょうか?
takumaro_web

2017/06/12 00:26

MasakiIshida さん ソースは自由に使って頂いて結構です。 「ランダム表示」も「最新野画像から数えて件数分表示」もできると思いますよ。
YouheiTonaki

2018/08/04 09:44

個人アカウントのFEED情報も可能でしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問