【SNS関連】サイト制作時の備忘録【随時更新】
Facebookの投稿をiframeで表示させる
Facebookページをサイトに埋め込む方法。
ページプラグイン - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebookから、コードを取得してiframeで埋め込む。JSでも可能。
幅はレスポンシブにする方法もあるが、300pxぐらいにしておけば結構見える（※要確認）。
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=300&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=【IDを記載】" width="300" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
参考サイト： 超簡単だった！FacebookページをWebサイトに貼り付ける方法 | ゆうそうとITブログ
リファレンス： ページプラグイン - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebook
Instagramをサイトに表示させる
SnapWidget | Instagram Widgetを使えば、カンタンに埋め込み可能。
参考サイト： 【第4弾】Instagramを更に活用する方法！ホームページと連動・埋め込みの方法は？|ブログ|ホームページ制作 集客｜SEO対策｜株式会社サイバーアクセル・アドバイザーズ【東京・福岡】
