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

mixi Connect

mixi Connect » mixi Plugin » mixiページフォローボタン » 技術仕様

技術仕様

mixiページフォローボタンの設置

mixiページフォローボタンを設置するには、以下の html 要素を追加します。

<div data-plugins-type="mixi-page-follow" 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-page-follow"を指定します 必須
data-service-key mixi Patrner Dashboard で発行される識別キー(チェックキー 必須
data-page-id フォロー対象ページの ID 必須
data-type フォローボタンのタイプ(rich,simple)。"rich"の場合は、枠付きのボタンが表示されます 必須
data-width フォローボタン表示領域の幅 (ピクセル)。デフォルトは 300  
data-show-faces フォローしているユーザーのプロフィール写真を表示する場合は "true"  
data-show-count フォローした合計人数を表示する場合は "true"  
data-show-thumbnail フォロー対象ページのサムネイルを表示する場合は "true"  

たとえば、識別キー(チェックキー)が “0123456789ABC”で、mixiページID "00000" のフォローボタンを、mixiページサムネイルとフォロワーのプロフィール写真付きで表示する場合は以下のようになります。

<div data-plugins-type="mixi-page-follow" data-service-key="0123456789ABC" data-page-id="00000" data-type="rich" data-show-thumbnail="true" 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ページフォロープラグインはモバイルには対応していません。

このページの上部へ