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ページフォロープラグインはモバイルには対応していません。