facebookページのタイムラインを埋め込む

ウエブサイトやホームページなどに、facebookページのタイムラインを埋め込む方法です。

facebook for developersページ  ⇒ https://developers.facebook.com/docs/plugins/page-plugin

より、必要項目を入力の上 「コードを取得」を押してできた コードを、任意のウエブサイトやホームページに貼り付けます。

サイトの訪問者はFacebookでの操作と同様にFacebookページに「いいね！」したりシェアしたりできます。訪問中のサイトを離れる必要はありません。ページプラグインは、国や年齢などで制限されないページに使用できます。

デフォルトでは、ページの読み込み時に、親コンテナーのwidth(最小180px/最大500px)に合わせてプラグインの幅が設定されます。レイアウトを変更する場合に便利です。

<div style=”width: 190px;”>
<!– Page plugin’s width will be 190px –>
<div class=”fb-page” data-href=”{url}” data-width=”420″></div>
</div>

親要素のwidthがページプラグインのwidthよりも大きい場合は、data-widthで定義した値が保持されます。

<div style=”width: 600px;”>
<!– Page plugin’s width will be 500px –>
<div class=”fb-page” data-href=”{url}” data-width=”500″></div>
</div>