Facebookの「いいね!」数をアメブロに表示できる【LikeBox】の設置方法 | アメブロカスタマイズ大全集

アメブロカスタマイズ大全集

CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。

今日は本アメブロに
「Facebook LikeBox」というものを設置したので
やり方メモです。

アメブロや他のブログで

「Facebookページのいいね!数と
 いいね!してくれた人のプロフィール写真」

が、記事の左右バーに
表示されている事ってありますよね?
あれが「Like Box」です。

Facebookページさえあれば
数分で簡単に設置できますので、
ページを運営している方は是非やってみて下さい。

LikeBoxの設定ページで「コード」を取得

まずFacebookにログインしている状態で、
Facebook Like Box の設定ページに行きます。

https://developers.facebook.com/docs/plugins/like-box-for-pages

以下のように各項目を変更して
「Get Code」ボタンを押しましょう。



すると、コードが表示されます。
難しそうですがコピペするだけなのでご心配なく(笑)

「IFRAME」という部分をクリックし、
下に出てきたコードを全選択してコピーしましょう。
(コード部分をダブルクリック => 右クリックでコピー)

「コード」をアメブロの【フリープラグイン】に追加

さて、次はアメブロ側の設定です。

ブログ管理画面の「プラグインの追加」から
「フリープラグイン」をクリックし、その中にコピペしたコードを貼り付け。
(既に何か入っている場合は、消さずに一番下へ追加でコピペ)


【フリープラグイン】を配置

さて、これで完了!
・・と言いたい所ですが、もうひと仕事。

【フリープラグイン】は
書き込んだだけでは反映されないので、
ブログ管理ページの「配置設定」から
サイドバーのどこに置くか?設定してあげましょう。

今回は「プロフィール」の下に配置してみました。
(無料会員の場合は上から2つ目に広告が入るので、その下に配置されます)

これで、完了です!
ブログを見ると、無事にLike Boxが表示されているはず。

(※ できないよー!という方は、コメントで質問ください)

------------------------------------

・・というわけで、
僕も1つFacebookページを作ってみました。

https://www.facebook.com/itweapon

主にアメブロの更新内容を載せていきますので、
「アメブロよりFacebookの方が毎日チェックしやすい!」
という方はぜひ「いいね!」お願いします。

ではでは!



おるず@ネット集客の武器屋