ウェブサイトにFacebookページのタイムラインを表示する方法
小粋空間 » Facebook » ウェブサイトにFacebookページのタイムラインを表示する方法
ウェブサイトにFacebookページのタイムラインを表示する方法を紹介します。
１．はじめに
ウェブサイトを運営している場合、TwitterやFacebookと連動させていることがあると思います。
ここではFacebookのページプラグインを利用して、ウェブサイトにFacebookページのタイムラインを表示させる方法を紹介します。
２．Facebookページのタイムラインを表示させる
Facebookのページプラグイン作成ページにアクセスします。
設定項目に必要な事項を入力します。
- Facebook Page URL：表示したいFacebookのURL
- Width：表示させる幅（180～500px）
- Height：表示させる高さ（最低70px）
- Use Small Header：ヘッダを小さく表示
- Adapt to plugin container width：コンテナの幅に適合させる場合にチェック
- Hide Cover Photo：カバー写真を隠す
- Show Friend's Faces：友達を表示
- Show Page Posts：ページの写真を表示
（クリックで拡大）
設定状況はすぐ下のプレビューに反映されます。
設定が完了したら「Get Code」をクリック。
コードが表示されるので、1のコードをbody開始タグの直後、2のタグはプラグインを表示させたい位置にペーストします。
（クリックで拡大）
これで冒頭のスクリーンショットのようなタイムラインを表示することができます。