SNSボタンを設置する時にまとめ見たいカスタマイズ一覧

サイトを制作していく上で、snsボタンを設置することは、最近ではもう当たり前となっていますよね？
そこで、よく私が使うボタンで、上へ吹き出しの形にカスタマイズすることが多く、その都度その方法を探していた時に、個人的にまとめて見たい設置方法をまとめてみました。

 Facebook いいね！ボタン

https://developers.facebook.com/docs/reference/plugins/like/

いいね！ボタンを吹き出しにするには、この箇所を…

data-layout="button_count"

下記のように変更します。

data-layout="box_count"

ツイートボタン

https://about.twitter.com/resources/buttons

ツイートボタンを吹き出しにするにはaタグに下記を追加します。

data-count="vertical"

Google+ボタン

https://developers.google.com/+/web/+1button/?hl=ja

Google+ボタンを吹き出しにするには、この箇所を…

data-size="medium"

下記のように変更します。

data-size="tall"

はてなブックマークボタン

http://b.hatena.ne.jp/guide/bbutton

はてなブックマークボタンを吹き出しにするには、この箇所を…

data-hatena-bookmark-layout="standard-balloon"

下記のように変更します。

data-hatena-bookmark-layout="vertical-balloon"

Pocketボタン

http://getpocket.com/publisher/button

Pocketボタンを吹き出しにするには、この箇所を…

data-pocket-count="horizontal"

下記のように変更します。

data-pocket-count="vertical

snsボタンに関してちょっとまとめ

以上が、私がよく使うSNSのボタンの吹き出しへのカスタマイズです。
恐らく、これからはSEOに依存しない集客方法が求められることになると思いますので、ぜひ今から対応しておきたいものです。

個人的に、世界ではFacebook・twitterのシェアは今まで多かったものの、これからはRSSやhatena、pocketのような「後で読む」使い方が主流になる気がします。