mixiチェックのチェックボタンを設置

mixiチェックのチェックボタンを設置してみました。(参考:mixiチェックとは?)FacebookのLike Button(いいねボタン)のmixi版のような感じです。

設置方法

mixi Developer Centerのmixiチェックに設置方法が書かれていますが、設置には「mixi チェックキー」が必要のようです。

mixi チェックキーの取得

チェックキーの取得にはデベロッパー登録が必要で、mixi Developer Centerでデベロッパー登録ができます。

個人の場合はmixiアカウントとメール認証が出来る携帯電話が必要です。

デベロッパー登録が終了したら、mixi Developer Centerの右上のログインリンクからダッシュボードに移動し、mixi プラグインに新規登録からチェックボタンを設置するサイトを登録します。URL許可リストには「blog.webcreativepark.net」という風に自身のサイトを入力しておきます。

登録後に詳細画面に「mixi チェックキー」が表示されたら完了です。登録後はサービスアイコンで16×16のファビコンサイズのアイコンも登録できます。

設置方法

mixi チェックキーを取得するとmixi Developer Centerのmixiチェックに書かれている方法で設置が可能です。

<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="mixi チェックキー">Check</a>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>

基本的にはこのようなコードを貼り付ければ大丈夫です。

名前空間の宣言

xmlnsで名前空間を指定しておきます。「The Open Graph protocol 」の名前空間と「mixi」の名前空間をhtml要素に追加しておきます。

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

mixiチェックの設定

設定は色々できるのですが個人的には次の設定を行っています。

<meta name="mixi-check-robots" content="noimage" />

これで投稿時に画像の自動引用を防ぐことが出来ます。

関連エントリー

Googleの検索結果に表示されるパンくずリストがmicrodataとRDFaに対応
Twitter Follow Badgeを付けてみた
jQueryを利用してDeliciousのブックマーク数を表示する
twitterでblogの更新情報を配信
SBO(ソーシャルブックマークオプティマイズ)のブックマークレット

スポンサードリンク

«iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」 | メイン | 14のjQueryベストプラクティス»