ソーシャルメディア用ボタン(いいね、ツイート、mixiチェックetc)まとめ

人から尋ねられたので調べたまとめ。
ソーシャルメディア(Facebook, twitter, mixi, はてな)などが提供する
ボタン(いいね、ツイート、mixiチェックetc)の設置法まとめ。

時間があれば一括でできるようなコードを作ってみたい。

○twitterのツイートボタン
http://twitter.com/about/resources/buttons#tweet
にアクセス。
「リンクを共用する」を選んで
「言語設定」を「日本語」にしたらあとはデフォルトでOKだと思います。

「コードのプリビューを見る」の下に
<a href・・・で始まるコードが表示されるので、
これをHTMLの適当なところに書けばOK。

○Facebookの「いいね」ボタン
http://www.facebook-japan.com/iine.html
が参考になると思います。

○Google +1ボタン
http://www.google.com/intl/ja/webmasters/+1/button/index.html
からコードを取得できます。

<!– このタグを +1 ボタンを表示する場所に挿入してください –>
<g:plusone annotation=”inline”></g:plusone>
をボタンを表示させたい場所に挿入。

<!– この render 呼び出しを適切な位置に挿入してください –>
以下は<head>~</head>の間に入れてください。

「スニペットのカスタマイズ」以下は無視してOK

○はてなブックマーク
http://b.hatena.ne.jp/guide/bbutton
からボタンを作れます。
ボタンを表示させたいところにコードを記述すればOK

○mixiチェック
Developer登録なるものも必要で、これが一番ややこしいと思います。
http://www.dakiny.com/archives/sns/mixi_check/
を参考に。
「Movable Typeに埋め込むコード」と書いてありますが
普通のホームページでも同じ記述でいけます。
4. オリジナルサムネールの表示
はやらなくても良いと思います。

カテゴリー: Tips   パーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>