ブログにFacebookの「いいね!」ボタンをつける方法【ライブドアブログ編】

2010/10/14 2014/11/09

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

ツイッターやらブログやらで騒がしくなってきたFacebook（フェイスブック）が本当に来るのかどうかは置いておいて、いずれにしてもないよりはあったほうがいいだろうということで当ブログにFacebook（フェイスブック）のいいね!（Like）ボタンを設置することにしました。
以下、その手順。

もう、既に多くの人が解説していますがライブドアブログの場合を前提に解説させていただきます。

まずは以下のサイトにアクセスします。
□ Like Button – Facebook開発者
英語なのでちょいと戸惑いますが大丈夫です。
以下のように設定して下さい。
「Get Code」をクリックしてできたコードが以下。
<iframe src="http://www.facebook.com/plugins/like.php?href=%3C%24ArticlePermalink%24%3E&layout=button_count&show_faces=true&width=70&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:21px;" allowTransparency="true"></iframe>
あとは、このコードをmixiチェックの隣あたりに貼り付ければOK。
と思ったんだけどダメでした。
理由は「<$ArticlePermalink$>」がデコードされちゃってるから。
したがって「%3C%24ArticlePermalink%24%3E」を「<$ArticlePermalink$>」に変える。
ついでに動作確認中にバグを発見したので「width=70」及び「width:70px」をぞれぞれ「width=71」、「width:71px」に変える。
「いいね！」を解除するとなぜかボタンが1pxずれるバグがあるようです。
出来上がり。

さらに、ボタンがゴテゴテ増えてきちゃったので、タイトルの後に付く形をやめて、改行させてタイトルの下にまとめて表示させるようにしました。

Facebookの「いいね！」ボタンは他のボタンと違いワンクリックで済むのがいいね！

- Facebook（フェイスブック）, プログラミング, 覚え書き Facebook, フェイスブック

Message コメントをキャンセル

某スマートフォン系SNSの広告にFacebook（フェイスブック）に似せた変な奴がいる

先日、LINE（ライン）初め、スマートフォンがフィッシング詐欺に狙われ始めている旨、記事にしました。
その理由の一つとして、リンク先のURLがハッキリ分からないというのがありました。
今回、それに加えてまるでFacebook、さらにまるでセキュリティウインドウのような「広告」？に遭遇したのでご報告します。
あくまでも広告として紹介しますが、これはちょっとヤバい気がしますねぇ。。
アドウェア？　マルウェア？　スパイウェア？

Facebookに似せた広告01 　 Facebookに似せた広告02
赤で囲った部分が広告スペース。
どう見てもFacebookのインターフェースでDMが届いたと言っています。