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

mixi Connect

mixi Connect » mixi Plugin » イイネ!ボタン » 技術仕様

技術仕様

旧仕様についてはこちら

イイネ!ボタンの設置(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 属性

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

       

data-plugins-type 固定で"mixi-favorite"を指定します 必須
data-service-key mixi Patrner Dashboard で発行される識別キー(チェックキー 必須
data-href イイネ!対象ページの URL
data-size イイネボタンの大きさ(medium,large)。デフォルトは"medium"。"large"の場合は、イイネ!した合計人数を上に表示します
data-width イイネ!表示領域の幅 (ピクセル)。デフォルトは 450
data-show-faces イイネ!しているユーザーのプロフィール写真を表示する場合は "true"
data-show-count イイネ!した合計人数を表示する場合は "true"
data-show-comment イイネ!した後コメントの入力促すことができるレイヤーを表示する場合は "true"

たとえば、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/

技術仕様 に含まれるページ

このページの上部へ