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

mixi Connect

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

(旧)技術仕様

イイネ!ボタンの設置(PC 向け)

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

    <iframe src="http://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 は

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

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

href イイネ!対象ページの URL 必須
service_key mixi Partner Dashboard で発行される識別キー(チェックキー 必須
width イイネ!表示領域の幅 (ピクセル)。デフォルトは 450
show_faces イイネ!しているユーザーのプロフィール写真を表示する場合は “true”

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

    <iframe src="http://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 チェック  技術仕様を参照してください。

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

“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/

このページの上部へ