mixiイイネ!ボタン設置

2010/12/19

先日当サイトにmixiチェックボタンを設置しましたが、今度はFacebookのいいね!ボタンと同様のイイネ!ボタンがリリースされたのでボタンをチェックからイイネ!に変更しました。

設置方法はチェックボタンと同じくチェックキーを取得して以下のコードをHTMLに埋め込んで各ページに配置するだけです。

<iframe src="http://plugins.mixi.jp/favorite.pl?href=<対象URL>&service_key=<チェックキー>"
        scrolling="no"
        frameborder="0"
        allowTransparency="true"
        style="border:0; overflow:hidden; width:450px; height:80px;">
</iframe>

URLは適切にエスケープされている必要がありますが、当サイトのWikiエンジンで使用しているRubyの場合、CGI.escapeを使用すれば簡単にエスケープ可能です。

require 'cgi'
url = CGI.escape(url)         

細かい制御はmixiチェックと同様なので、例えばイイネ!された時のタイトルを変更する場合は各ページで以下のNameSpaceを定義すればhead > titleの内容が使用されます。

<html xmlns:og="http://ogp.me/ns#"
      xmlns:mixi="http://mixi-platform.com/ns#">

その他の制御についてはイイネ!ボタン技術仕様を参照して下さい。