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

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

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

    <iframe src="https://plugins.mixi.jp/favorite.pl?href=...&service_key=..."
            scrolling="no"
            frameborder="0"
            allowTransparency="true"
            style="border:0; overflow:hidden; width:450px; height:80px;"></iframe>

src 属性

src 属性に指定する URL は

    https://plugins.mixi.jp/favorite.pl?

になり、"?" 以降のクエリー・パラメーターで以下のオプションを指定できます。

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

    <iframe src="https://plugins.mixi.jp/favorite.pl?href=http%3A%2F%2Fexample.com%2Findex.html&service_key=0123456789ABC&show_faces=true"
            scrolling="no"
            frameborder="0"
            allowTransparency="true"
            style="border:0; overflow:hidden; width:450px; height:80px;"></iframe>

src 属性中の URL や各パラメーターは、適切にエスケープされている必要があります。

scrolling, frameborder, allowTransparency 属性

これらの属性は上記サンプルのままお使いください。

style 属性

style 属性はサイトの見た目に合わせて自由に設定してください。以下では表示領域に関する簡単なガイドラインのみ示します。

• width は src 属性に指定した width オプションと同じ値の px にしてください
• height は、プロフィール写真を表示する場合は "80px"、表示しない場合は "20px" が最低限必要です

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

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

参考文献など

[MIXI-DEV-BOARD]
mixi Partner Dashboard

https://sap.mixi.jp/