FacebookのLikeボタンをさっそくWordPressブログ(Asiajin)につけてみました

F8カンファレンスでFacebookが色々と新しい機能をリリースしましたね。
日本ではFacebookは4位以下のソーシャルネットワークなので、F8もそれほど注目されてはいないと思いますが。主に英語圏ではGoogleをFacebookが凌駕するのかどうか、というぐらいの大きな話になってきてるみたいですね。
なお、F8カンファレンスの日本語でのレポートや解説はTech WaveやTechCrunch Japanで読めます。

今回発表されたソーシャル関連プラグインは、Facebookのこのページで提供されていますが、一番最初に出てくるLikeボタン、日本のウェブで言うWeb拍手やはてなスターみたいなもののようです。ReadWriteWebを読んでいると、早速記事の最後につけられていて、Facebookユーザーのアイコンつきの「イイネ!」が表示されていました。ちゃんと日本語で表示されています。
Facebooklikebuttononreadwritewebinj
僕もAsiajinという英語ブログをやってて、読者の多くは海外からなので、このLikeボタンを早速つけてみようかなと。このページから埋め込みコードを作れます
Likeボタンでイイネと言ってもらいたいURLを最初のボックスに入れて、あとはまあ幅・フォント・色等は好みの調整なのでデフォルトでも。”Get Code”ボタンを押すと、埋め込みのHTMLコードが表示されます。
Facebooklikebuttongenerated
こんな感じのコードが取れました。

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fasiajin.com%2F&amp;layout=standard&amp;show_faces=true&amp;width=400&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:400px; height:px"></iframe>

ここでは、固定のURLを入れただけなので、これを貼って出てくるのは「アジアジンが好きだ」というブログのトップを指すLikeボタンになりますね。
ブログの記事ごとにその記事をLikeしてもらうボタンを置くには、上記のエンコードされたURLの部分を、記事のURLに差し替えればいいわけです。
WordPressの場合なら、個別のエントリーをあらわすSingle.phpを開いて([Appearance]-[Edit]-“Single.php”)、記事の終わりのLikeボタンを置きたいあたりに、以下のようなコードを挿入します。

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=true&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>

URLのところを、自分の記事のURLを取る関数を読んで(、あとURLエンコードして)いるだけです。
これでページを開くと、こんな風になりました。
Facebooklikebuttononasiajinnoclicke
「まだ誰もこの記事を好いとらんけん」と出たので、自作自演で自分で押してみます。
Facebooklikebuttononasiajinclicked
Facebookユーザーが多いサイトやブログなら、主に海外向けになるでしょうが、つけてみてもいいかもしれませんね。
自分でテーマファイルを編集したくない人や、一覧ページや検索結果ページでもボタンを出したいという人は、たぶんWordPressのプラグインがすぐ出ると思うので、数日中にプラグイン検索するといいかと。

「FacebookのLikeボタンをさっそくWordPressブログ(Asiajin)につけてみました」への3件のフィードバック

  1. グーグルの悪夢:リンクに取って代わる「Like」ボタン(CNN.co.jp) – Yahoo!ニュース

    グーグルの悪夢:リンクに取って代わる「Like」ボタン(CNN.co.jp) -…

コメントを残す

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