ブログにFacebookの「いいね!」ランキングを表示させる方法
2014/12/11
1年以上前の記事です。内容が古い可能性があります。
こちらのプラグインを使用している方は外してください。詳しくはこちら
こんなサイトあったんですね。
巷では「Google+ページ」の話題が盛り上がっていますが、僕にはまだまだ敷居が高い。
Facebookとツイッターでいっぱいいっぱいです。
で、今回はFacebookの「いいね!」ランキングをブログに表示させる方法です。

いつも通りさっそく手順から。
- 「FBLkit」にアクセス。
- まずは、ランキングに参加するための「参加用タグ」をブログに貼り付けます。
左メニューより「ランキングに参加する」にある「参加用タグ発行」をクリックしてタグを確認、コピーする。

- livedoor Blogの場合はこんな感じ。個別記事ページにのみ貼り付けました。

- 次に「ブログパーツ」をクリックします。

- ここで様々な設定をします。右側のプレビューを見ながら設定をします。
特に間違えちゃいけないのは「ドメイン」ですね。

- 「完了&コード取得」をクリックしてソースを表示させます。
これを、貼りつけたい場所にコピー&ペーストすればOK。

なハズなのですが。。
実は、livedoor Blogではちゃんと表示されませんでした。(他のブログパーツとコンフリクトを起こしている可能性あり)
アメーバブログ(Amazonアフィリと併用不可)やワードプレス(WordPress)では表示されたんですけどねぇ。。
そのうち対応してくれるのを期待しましょう。
(ただし、上記症状が起こるのはブラウザが「Google Chrome」の場合。「Firefox」の場合は一応、表示されます)
それにしても、これ見て意外と「いいね!」されている記事が多くて驚きました。
そりゃあ、Facebookからの流入増えるわけだねぇ。。
こちらのプラグインを使用している方は外してください。詳しくはこちら
アドセンス広告メイン
関連記事
-
-
腕時計の次は鉛筆(ペン)、Appleの新製品「Apple Pencil」は売れるのか?
1年以上前の記事です。内容が古い可能性があります。Appleが新製品を発表して特 …
-
-
モリサワフォントインストーラ(管理)アプリ「Mフォントスターター」を削除する方法
1年以上前の記事です。内容が古い可能性があります。今時、フォントを使わないという …
-
-
ライブドアブログに「えもじメーカー」登場
1年以上前の記事です。内容が古い可能性があります。なんと、僕の使っているライブド …
-
-
docomo(ドコモ)のスマホ(スマートフォン)で余計なサービスを削除(解約)する方法
1年以上前の記事です。内容が古い可能性があります。最近は、大型量販店(イオン等) …
-
-
CSS3でプルダウンメニューと可変角丸囲み
1年以上前の記事です。内容が古い可能性があります。今度のCSSはとってもすごいら …
-
-
秀丸(テキストエディタ)で全文検索
1年以上前の記事です。内容が古い可能性があります。知りませんでしたテキストエディ …
-
-
Facebookが「超いいね!」「うけるね」「すごいね」「悲しいね」「ひどいね」を実装。よくないね!
1年以上前の記事です。内容が古い可能性があります。Facebookが「いいね!」 …
-
-
フォトショップが立ち上がらなくなったときの対処法
1年以上前の記事です。内容が古い可能性があります。最近、自宅でフォトショップを開 …
-
-
上司に自動で「いいね!」、「シャチクのミカタ」でFacebook疲れナシ
1年以上前の記事です。内容が古い可能性があります。どんなポスト(投稿)にも「いい …
-
-
カラーPDFをモノクロで出力する方法
1年以上前の記事です。内容が古い可能性があります。とんでも現場からこんにちは。 …












