新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ブログにFacebookの「いいね!」ランキングを表示させる方法

      2014/12/11

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

1年以上前の記事です。内容が古い可能性があります。

こちらのプラグインを使用している方は外してください。詳しくはこちら

こんなサイトあったんですね。
巷では「Google+ページ」の話題が盛り上がっていますが、僕にはまだまだ敷居が高い。

Facebookとツイッターでいっぱいいっぱいです。
で、今回はFacebookの「いいね!」ランキングをブログに表示させる方法です。

□ FBLkit – いいね!ランキング

なるほど~♪

スポンサーリンク
 

いつも通りさっそく手順から。

  1. FBLkit」にアクセス。
  2. まずは、ランキングに参加するための「参加用タグ」をブログに貼り付けます。
    左メニューより「ランキングに参加する」にある「参加用タグ発行」をクリックしてタグを確認、コピーする。
    FBLkit01
  3. livedoor Blogの場合はこんな感じ。個別記事ページにのみ貼り付けました。
    FBLkit(livedoorBlog)
  4. 次に「ブログパーツ」をクリックします。FBLkit02
  5. ここで様々な設定をします。右側のプレビューを見ながら設定をします。
    特に間違えちゃいけないのは「ドメイン」ですね。
    FBLkit03
  6. 「完了&コード取得」をクリックしてソースを表示させます。
    これを、貼りつけたい場所にコピー&ペーストすればOK。
    FBLkit04

なハズなのですが。。

実は、livedoor Blogではちゃんと表示されませんでした。(他のブログパーツとコンフリクトを起こしている可能性あり)
アメーバブログ(Amazonアフィリと併用不可)やワードプレス(WordPress)では表示されたんですけどねぇ。。
そのうち対応してくれるのを期待しましょう。
(ただし、上記症状が起こるのはブラウザが「Google Chrome」の場合。「Firefox」の場合は一応、表示されます)

それにしても、これ見て意外と「いいね!」されている記事が多くて驚きました。
そりゃあ、Facebookからの流入増えるわけだねぇ。。

こちらのプラグインを使用している方は外してください。詳しくはこちら

 - Facebook(フェイスブック), ユーザビリティ, 覚え書き ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

iPhoneでUSTREAM生中継をする際の注意点

1年以上前の記事です。内容が古い可能性があります。今回、うちわ祭USTをさせてい …

これはノーベル賞もの。スマホのバッテリー寿命を格段に伸ばす方法を大学院生が偶然発見。なんと、数百年持つらしい

1年以上前の記事です。内容が古い可能性があります。随分進化したスマートフォンです …

就職したいなら「医学」、「薬学」、「機械工学」、「土木建築」、「農業経済」を勉強しよう

1年以上前の記事です。内容が古い可能性があります。やっぱり芸術系はダメですかぁ。 …

SNSで借金や投資?お金をシェアできる「Puddle」【Facebook】

1年以上前の記事です。内容が古い可能性があります。クラウドファンディングやこうい …

mixiとブログのアンオフィシャルな連携方法 (2011/10/25追記)

1年以上前の記事です。内容が古い可能性があります。mixiにブログを登録するとm …

no image
IEだけCSSが適応されないときに疑うこと

1年以上前の記事です。内容が古い可能性があります。なんか知らない間にプロット・フ …

no image
Safari

1年以上前の記事です。内容が古い可能性があります。G5についてる標準ブラウザのS …

no image
ツイッター、メンション(mention)とリプライ(reply)は違う?

1年以上前の記事です。内容が古い可能性があります。こちらの記事の解答編。 □&n …

出会い系サイトで何と書き込んだら逮捕されるのか【ちほちゅう深夜版】

1年以上前の記事です。内容が古い可能性があります。中学生男子が「エッチなお姉さん …

no image
他サービスとの連携を止める(アプリの削除)方法 【mixi編】

1年以上前の記事です。内容が古い可能性があります。OpenIDやOAuthによる …

血液型オヤジ