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

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

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

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

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

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

コードの取得方法

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

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

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

 

アメブロのサイドバーの設定

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

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

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

 

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。




コメントを残す

*

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