このブログにmixiチェックボタンを実装したよ

2010年11月14日

僕の長年の夢、mixiチェックボタンがついに出来ました!意外に簡単だったんで何で今までやらなかったんだろうと思ったんですが、別にそんなに必死になるほどにつけたいと思った訳じゃないしそんなもんですよね。えぇ、そんなもんでも長年の夢だったんです。それが嘘かほんとかはどうでも良いんです。この世は言ったもん勝ちなんですから。

参考にしたサイトさん

Mixi チェックの実装方法 (How to Embed Mixi Check) :: concrete5日本語公式サイト

mixiチェックも実装してみた « ふがっさむ・WP

技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター)

mixiチェックボタンをブログに追加する場合はmixiのデベロッパー登録が必要らしいです。僕別にデベロッパーじゃないんだけどなぁ、プログラムは趣味程度にしかできないし。

mixiデベロッパー登録

ここから登録
http://developer.mixi.co.jp/connect/developer_registration/partner

リンク先で登録を行います(要mixiアカウント)。

サービス追加

登録が完了したらDeveloper Dashboardにログインしてタブメニューの「Mixi Plugin」で「新規サービス追加」です。

「サービス名」は自分のサイト名(ここなら「STACKSTOCK」)
「サービスのURL」はサイトのURLです(ここなら「http://stackstock.net/」)
「許可ドメインリスト」はとりあえずサイトのドメインで良いんじゃないかな(ここなら「stackstock.net」)

「同意して確認」すると追加されます。

その後「認証情報」の「チェックキー」をコピーしておいてね

ブログにチェックボタン追加

mixiチェックを追加したい場所にこれを追加

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

これで完了。

意外に簡単でしたね。簡単すぎてむしろびっくりしました。katz515さんありがとうです!

あとは例によってソーシャルブックマークボタンとWPTweetButtonを一列に並べるためにCSSをいじりましたよと。

他にこんな事も書いてます

FBでコメント