アメブロでFacebookページプラグインを表示させる

先日勢いでつくったFacebookページがあるのだが、それをもっとたくさんの人の目につくように、というかFacebook上の友達以外にも「いいね」してもらえる機会を増やすため、普段使っているアメブロのサイドバーにFavebookページのタイムラインとかを表示させるページプラグインを設置してみた。

ページプラグインは、Facebookページのタイムラインに投稿したものが、自分のアメブロ（PC用）のサイドバーで表示される便利な機能です。さらに、いいねしてくれた友達のアイコン、いいねの数やいいねボタン、シェアボタンなども表示できます。

Facebookページプラグインの取得

Facebookページプラグインを設置するためには、Facebookページプラグインを表示させるコードを取得しなければなりません。このコードはfacebook for developersのページプラグインページで取得することができます。

ページプラグインページへアクセス
表示させたいFacebookページのURLを入力
プラグインの大きさ（横幅や高さの数値）を入力
チェックボックス（スモールヘッダーを使用、plugin containerの幅に合わせる、カバー写真を非表示にする、友達の顔を表示する）をそれぞれ自分の好みに合わせてチェックをいれる
「コードを取得」ボタンをクリック
出てきたポップアップ画面の「IFrame」タブをクリック
step2欄に表示されているコードをコピー

これでコードの取得は完了です。

次にこのコピーしたコードをアメブロに貼り付けます。

Facebookページプラグインをアメブロに表示させるには、先ほどコピーしたコードをアメブロのフリープラグインというところに貼り付け、その後サイドバーの配置設定で表示させたい場所にフリープラグインを移動させる必要があります。

まずアメブロの管理画面へ行き「設定・管理」を開きます
次にサイドバーの設定の中の「プラグインの追加」を開きます
そして「フリープラグイン」というタブをクリックし、そこに先ほどコピーしたコードを貼り付け保存します
もう一度、設定・管理」を開き、今度はサイドバーの設定の中の「配置設定」を開きます
使用しない機能の中の「フリープラグイン」をドラッグして右側の使用する機能のFacebookページプラグインを表示させたい場所に移動し保存します。
（既にフリープラグインが使用する機能にある場合は、表示位置だけ調整します。）

これで、アメブロのサイドバーにFacebookページプラグインを設置ができます。
非常に簡単ですので、興味ある方はトライしてみてください。