サイネージにfacebookページを表示させる。 

デジタルサイネージに
下田臨海実験センターのfacebookページの最新記事を表示させました。


facebook developers

https://developers.facebook.com/

のサイトからドキュメント→ソーシャルプラグインへ

その中のページプラグインを使います。

幅、高さなど設定をして「コード取得」ボタンを押す。

スクリーンショット-2016-08-31-10.22.16

Javascript SDKとiFrameのソースコードが表示されます。

Javascript SDK

スクリーンショット 2016-08-31 10.39.00

iFrame

スクリーンショット 2016-08-31 10.39.11

どちらか必要に応じて埋め込見ます。

XiboにはJavascript SDKを埋め込めなさそうでしたので

iFrameで埋め込みました。

スクリーンショット 2016-08-31 10.19.22

幅が500pxまでなので、ブログと共に表示しました。

WordPressのブログの最新記事の表示にも苦労しました。
RSS や Atom フィードをパースするクラスライブラリ「SimplePie」を使って表示させています。

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

w

%s と連携中