WEBマスターのお仕事TOP > スポンサー広告 > mixiチェックボタンを設置しようWEBマスターのお仕事TOP > ソーシャルプラグイン設置 > mixiチェックボタンを設置しよう

スポンサーサイト

(--/--/--)
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

mixiチェックボタンを設置しよう

(2010/11/25)
mixiチェックボタンでページを簡単に共有してもらいましょう。
作業時間はリテラシーによりますが20分~ぐらいだと思います。

※(8/5)mixiいいねボタンに変更しました

Step1)mixiでdeveloper登録
https://mixi.jp/guide_developer.pl
mixi developer登録
要ログイン。氏名や住所など、個人情報の入力があります。
登録完了で、mixiアプリの作成が可能になります。
mixi developer登録項目

Step2)mixiディベロッパーセンターにログイン&新規サービス追加
http://developer.mixi.co.jp/
mixi developerログイン

【mixi Plugin】タブ>新規サービス追加
と遷移。
mixi developer新規サービス登録


Step3)サイト情報を入力
mixi developer新規サービス登録
サービス名:サイト名など
サービスのURL:サイトURL
許可ドメインリスト:当該サイトのドメイン。複数ある場合は1行1ドメインで20個まで登録可能。※「www.」ナシのドメインでも表示されるように設定している場合。ここにwww.アリとナシの両方のドメインを登録しないとボタンが表示されない場合があるようです。(例)www.your-domain.comとyour-domain.comの両方を登録する必要がある。
定型文:mixiチェックした人のmixiアカウントに表示される定型文。デフォルトがユーザフレンドリーですかね。


Step4)チェックキーの取得
「こちら」をクリックして
mixi developer新規サービス登録02
チェックキー取得の画面へ遷移して、チェックキーを取得し、メモ帳などに控えておく。
mixi developer 登録サービス詳細


Step5)下記ソースをmixiチェックボタンを表示させたい場所へ挿入して完了!

<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-button="button-2"
data-key="ここにチェックキー">Check</a><script
type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>


※「ここにチェックキー」部分にStep4で取得したチェックキーを入れます。
※data-button="button-●"の●を変えることで、ボタンの種類を変更できます。
mixiチェックボタンの種類


多くの場合はこれで完了!
mixiチェックに引用されるテキストやURLをカスタマイズしたい場合は、下記技術者向け情報を参照してください。

技術者向けの情報
http://developer.mixi.co.jp/connect/mixi_plugin/mixi_check/spec_mixi_check
関連記事

コメント

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://goodjob4604.blog103.fc2.com/tb.php/85-fefead7c

トラックバック

mixiチェックボタンの設置、思ったより簡単にできた...

私は、これまで「mixiチェックボタン」をブログに導入するのが面倒だな~と思って...
月別アーカイブ
Google+
Twitter
ページトップへ
ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。