小粋空間  -  a cheap joke and a play on words site

ウェブサイトにFacebookページのタイムラインを表示する方法

ウェブサイトにFacebookページのタイムラインを表示する方法を紹介します。

１．はじめに

ウェブサイトを運営している場合、TwitterやFacebookと連動させていることがあると思います。

ここでは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のタグはプラグインを表示させたい位置にペーストします。

（クリックで拡大）

これで冒頭のスクリーンショットのようなタイムラインを表示することができます。