• RSS
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

Facebook Page Plugin ページへアクセス

以下のURLからFacebook Page Plugin ページへアクセスします。
Page Plugin を利用するにはFacebook にログインしてください。
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 の設定方法



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください