mixi Developer Center (ミクシィ デベロッパーセンター)

旧仕様についてはこちら

イイネ！ボタンの設置（PC 向け）

イイネ！ボタンを設置するには、以下の html 要素を追加します。

<div data-plugins-type="mixi-favorite" data-service-key="..."></div>
<script type="text/javascript">
    (function(d) {
        var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true;
        s.src = '//static.mixi.jp/js/plugins.js#lang=ja';
        d.getElementsByTagName('head')[0].appendChild(s);
    })(document);
</script>

div 属性

以下の属性を指定できます。

たとえば、URL "http://example.com/index.html" を対象ページに、識別キー（チェックキー）が "0123456789ABC"、
プロフィール写真を表示する場合は以下になります。

<div data-plugins-type="mixi-favorite" data-service-key="0123456789ABC" data-href="http://example.com/index.html" data-show-faces="true"></div>
<script type="text/javascript">
    (function(d) {
        var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true;
        s.src = '//static.mixi.jp/js/plugins.js#lang=ja';
        d.getElementsByTagName('head')[0].appendChild(s);
    })(document);
</script>

script要素

上記サンプルのままお使いください。

対象ページ情報の指定方法

イイネ！されたときのタイトルや説明文、サムネイル画像などを指定することができます。
指定方法は mixi チェックと同様ですので、詳細はmixi チェック 技術仕様を参照してください。

参考文献など

[MIXI-DEV-BOARD]
mixi Partner Dashboard

https://sap.mixi.jp/