2015年6月よりFacebook のLike Boxが廃止され、今後はFacebook Page Pluginというプラグインを利用することになります。
今回はそのFacebook Page Pluginの設置方法をまとめてみました。
Facebook Page Pluginページへアクセス
以下のURLからFacebookPage Pluginページへアクセスします。※Page Pluginを利用するにはFacebook にログインしてください。
Facebook Page Plugin
Facebook Page Pluginの設定
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」ボタンをクリックします。
Your PluginCode ウィンドウが開きますので、
⑨のタグを、HTMLファイルの<body>タグ直下に記述し、
⑩のタグを、Page Pluginを表示したい個所に記述します。
コメント