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 チェック  技術仕様を参照してください。

イイネ!ボタンの設置(モバイル向け)

“http://m.mixi.jp/create_favorite.pl?guid=ON” に、以下のパラメータを POST するようにフォームを設置してください。

submit ボタンのラベルは「mixiイイネ!」・「イイネ!」が利用できます。

パラメーター名 説明 備考
charset 送信データの文字符号化方式を指定します。
“shift_jis” または “utf-8″ が指定可能です。
デフォルトは “shift_jis”
service_key mixi Partner Dashboard で発行される識別キー(チェックキー 必須
title タイトル。イイネする対象を簡潔に表す文字列 デフォルトは登録されたサービス名
description 説明文。提供元で提供するチェック本文  
content_rating 18 歳未満非対応の場合は “1″  
image サムネイル画像の URL 次節を参照
primary_url この投稿が参照する URL (*1) 必須
pc_url PC 向けページの URL  
smartphone_url スマートフォン向けページの URL  
mobile_url 携帯電話(すべてのキャリア)向けページの URL 携帯電話向け URL のいずれかは必須
mobile_docomo_url 携帯電話(DoCoMo)向けページの URL  
mobile_au_url 携帯電話(au)向けページの URL  
mobile_softbank_url 携帯電話(softbank)向けページの URL  

(*1) primary_url は「イイネされた対象」を識別するために使われます。個別のイイネのうち、primary_url が同じものは
同じ対象をチェックしたものとして扱われます。

たとえば、以下のような HTML を記述します。

    <form action="http://m.mixi.jp/create_favorite.pl?guid=ON" method="POST" >
        <input type="hidden" name="service_key" value="xxxxxxxx" />
        <input type="hidden" name="title" value="mixi" />
        <input type="hidden" name="primary_url" value="http://example.com/mobile/index.html" />
        <input type="hidden" name="mobile_url" value="http://example.com/mobile/index.html" />
        <input type="submit" value="イイネ!" />
    </form>

その他

サムネイル画像や文字エンコーディングについてなどの詳細は mixi チェックと同様ですのでmixi チェック 技術仕様も合わせてごらんください。

公式サイトでの外部リンクに関して

イイネ!ボタンは、サイト間の連携・遷移を含めたサービスとして各携帯電話キャリアの承諾を頂いているため、イイネ!ボタンの設置について投稿元サイトから各携帯電話キャリアへの個別の企画申請は必要ございません。
※mixiモバイルは各携帯電話キャリアの公式サイトのため、イイネ!ボタンの設置は公式サイト間リンクにあたります。
※イイネ!ボタンの設置・リンクにあたっては、各携帯電話キャリアのガイドラインを遵守し、mixiモバイルへ遷移することがユーザーに明確に分かるようにしてください。

以下のような画面を推奨致します。(ブリッジページは不要です。)

参考文献など

[MIXI-DEV-BOARD]
mixi Partner Dashboard

https://sap.mixi.jp/

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

このページの上部へ