[FB]Facebook Page Plugin の設定方法｜ソーシャルメディア｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

[FB]Facebook Page Plugin の設定方法

ソーシャルメディア

Facebook Page Plugin

スポンサード

2015年6月よりFacebook のLike Box が廃止され、今後はFacebook Page Plugin というプラグインを利用することになります。

今回はそのFacebook Page Plugin の設置方法をまとめてみました。

目次

1 Facebook Page Plugin ページへアクセス
2 Facebook Page Plugin の設定
3 Facebook Page Plugin の設置

Facebook Page Plugin ページへアクセス

以下のURLからFacebook Page Plugin ページへアクセスします。
※Page Plugin を利用するにはFacebook にログインしてください。

Facebook Page Plugin

Facebook Page Plugin の設定方法

Facebook Page Plugin の設定

Page Plugin ページで以下の項目を入力・選択します。

Facebook Page Plugin の設定方法

Facebook Page URL

①Facebook Page のURLを入力します。

Width

②サイトに掲載するPage Plugin の「幅」を入力します。最小値は180px、最大は500pxです。

Hieght

③Page Plugin の「高さ」を入力します。最小値70pxです。

Use Small Header

④小さいサイズのヘッダー（カバー写真の部分）を使いたい場合にチェックを入れます。

Adapt to plugin container width

⑤チェックを入れると、親要素の幅に合わせてPage Plugin の幅が可変になります。

Hide Cover Photo

⑥カバー写真を表示しない場合にチェックを入れます。

Show Friend’s Faces

⑦「いいね!」している友人を表示する場合にチェックを入れます。

Show Page Posts

⑧Facebook ページの投稿を表示する場合にチェックを入れます。

Facebook Page Plugin の設置

設定が終われば「Get Code」ボタンをクリックします。

Facebook Page Plugin の設定方法

Your Plugin Code ウィンドウが開きますので、
⑨のタグを、HTMLファイルの<body>タグ直下に記述し、
⑩のタグを、Page Plugin を表示したい個所に記述します。

Facebook Page Plugin の設定方法

スポンサード

コメント

コメントを残すコメントをキャンセル