エグウェブ.JP@福岡/WEBセミナー・分析・WEBサイト制作

皆様の人生に最良のファーストステップを。福岡でWEB分析やホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Adobe Photshop・illustrator、Excel等の講座やセミナーを開催。

Facebookページのタイムライン&投稿&カバー写真をWEBサイトに埋め込む方法!|ページプラグイン

time 2017/12/31

WEBサイトのサイドバー等でよく見るこういうやつ↓

こちらの埋め込みURLを取得する方法です。

 

まずは、こちらのページを開きます↓

「FacebookページのURL」に文字通りFacebookページのURLを入れます。

すると、すでにそれっぽい画面が!

「コードを取得」で埋め込みコードが取得できます。

大事な事を忘れていました。

先に開発者向けFacebookページにてアプリの作成が必要です。

https://developers.facebook.com/apps/

 

「新しいアプリを追加」からとりあえずアプリを作ります。

 

アプリは簡単にできます。あとはアプリを公開すれば準備完了です。

 

これでアプリの設定は完了です。

 

これでFacebookアプリが選択できる状態に変わりますので

JavaScript SDKのStep2の上下のコードをページ内に埋め込むか

iFrameで埋め込むと表示されます。

で、例えば下の投稿のスクロールを非表示にしたい場合は

↑こういった、カバー写真といいね!ボタンのみのシンプルなタイプ

ここの

tabs=timeline&

これを

tabs=none&

こんな感じで修正してあげると非表示にできます。

※単に消すだけだと高さに余白が出来てしまうので、height=200くらいに調整してあげると丁度良いかと思います。

 

こんな感じで簡単にFacebookページ&タイムラインが埋め込み出来ますので

ぜひご活用下さい\(^o^)/

 

 

おすすめ記事

プロフィール

EGUWEB

EGUWEB

【皆さまの人生に最良のファーストステップを】WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー