mixiのチェックボタンをつけてみた【後編】
1年以上前の記事です。内容が古い可能性があります。
さて、前回なんとか「mixiチェックキー」を入手するところまで解説しました。
今回はそれを実際使ってどうスクリプトを書いて行けばいいのかを解説。
□ mixiのチェックボタンをつけてみた【前編】
□ 技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター)
ベースになるのは上記「技術仕様」にある以下のソース。
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
これにいくつかの要素を書き加えていく。
まずは「data-key」。
前回入手した「mixiチェックキー」を以下のように書き加える。
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
もう一つ「data-url」。
これは、ツイッターの公式ツイートボタンを一覧表示にも対応させた時に使った方法と一緒です。
つまり、一覧表示の時にボタンをクリックされた場合、今開いているサイトのURLではなくパーマリンクをリンク先に設定する方法。
なお<$ArticlePermalink$>ってのはライブドアブログに限る表記です。
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
以上で出来上がり。
あとは、デザインのカスタマイズを使って該当の部分に上記ソースを描き込めばOK。
できたもの↑↑(は、このブログ)
でもね。
ただでさえクローズドのmixiで友達まで公開までしか設定できないこのサービス、果たしてどの程度の集客力があるのかはちょっとわかりません。
まあ、母体の大きなmixiなので期待していないというと嘘になりますが。。
それに、いずれfacebookがmixiを抜くような事態になったらfacebookの「イイネ!」ボタンに切り替えればいいことですしねぇ。
アドセンス広告メイン
関連記事
-
「Vishing(ビッシング)」「SMiShing(スミッシング)」とは何のこと?
1年以上前の記事です。内容が古い可能性があります。LINE(ライン)がフィッシン …
-
「WordPress」でなんでもできる。SNSやショッピングサイトも
1年以上前の記事です。内容が古い可能性があります。最近は、どんなお客さんでも自社 …
-
AS2.0以前との違い(ActionScript3.0勉強中! #1)
1年以上前の記事です。内容が古い可能性があります。Flash CS3以上で使うA …
-
内包されたDIVにmarginを設定すると親要素にも同じマージンが設定されることがある【CSS】
1年以上前の記事です。内容が古い可能性があります。これはわからんわ。 生徒さんの …
-
ブラックフライデーとサイバーマンデー(とブラックマンデー)
1年以上前の記事です。内容が古い可能性があります。この季節、アメリカ合衆国では物 …
-
エスカレーターは歩いちゃいけない。急いでいるときは、階段走るのがベスト
1年以上前の記事です。内容が古い可能性があります。以前、ワンダーフェスティバル開 …
-
ネットワークトラブル対策
1年以上前の記事です。内容が古い可能性があります。会社でG4が一つダメになった。 …
-
「ワークフォースマネジメント」とは何のこと?
1年以上前の記事です。内容が古い可能性があります。「アクティビティストリーム」に …
-
iPhoneのホームボタンの反応が鈍くなった時の対処法
1年以上前の記事です。内容が古い可能性があります。最近、僕のiPhone(アイフ …
-
突然メールが送信できなくなった(サブミッションポート)
1年以上前の記事です。内容が古い可能性があります。会社で突然メールが送信できなく …
Comment
とても参考になりました!^^
最初はmixiチェックを画像で貼り付けていたのですが、
どうも微妙にズレるので(恐らくCSSのせいなのでしょうが)
テキスト形式で設置してみました。
分かり易い図解でとても助かりました!
ありがとうございます。^^