ソーシャルボタンの設置コード、毎回公式サイトに調べに行くのは面倒だからまとめおく。Wordpressのプラグインもいろいろ配布されてるけどね。
ツイッター
<a href="https://twitter.com/share"
class="twitter-share-button"
data-lang="ja"
data-hashtags="【ハッシュタグ】">ツイート</a>
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);
}
}
(document,"script","twitter-wjs");
</script> |
<a href="https://twitter.com/share"
class="twitter-share-button"
data-lang="ja"
data-hashtags="【ハッシュタグ】">ツイート</a>
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);
}
}
(document,"script","twitter-wjs");
</script>
はてブ(スタンダード)
<a href="http://b.hatena.ne.jp/entry/【ページURL】"
class="hatena-bookmark-button"
data-hatena-bookmark-title="【ページタイトル】" data-hatena-bookmark-layout="standard"
title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
alt="このエントリーをはてなブックマークに追加"
width="20"
height="20"
style="border: none;" /></a>
<script type="text/javascript"
src="http://b.st-hatena.com/js/bookmark_button.js"
charset="utf-8"
async="async">
</script> |
<a href="http://b.hatena.ne.jp/entry/【ページURL】"
class="hatena-bookmark-button"
data-hatena-bookmark-title="【ページタイトル】" data-hatena-bookmark-layout="standard"
title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
alt="このエントリーをはてなブックマークに追加"
width="20"
height="20"
style="border: none;" /></a>
<script type="text/javascript"
src="http://b.st-hatena.com/js/bookmark_button.js"
charset="utf-8"
async="async">
</script>
はてブ(パーティカル)
<a href="http://b.hatena.ne.jp/entry/【ページURL】"
class="hatena-bookmark-button"
data-hatena-bookmark-title="【ページタイトル】"
data-hatena-bookmark-layout="vertical"
title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
alt="このエントリーをはてなブックマークに追加"
width="20"
height="20"
style="border: none;" /></a>
<script type="text/javascript"
src="http://b.st-hatena.com/js/bookmark_button.js"
charset="utf-8"
async="async">
</script> |
<a href="http://b.hatena.ne.jp/entry/【ページURL】"
class="hatena-bookmark-button"
data-hatena-bookmark-title="【ページタイトル】"
data-hatena-bookmark-layout="vertical"
title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
alt="このエントリーをはてなブックマークに追加"
width="20"
height="20"
style="border: none;" /></a>
<script type="text/javascript"
src="http://b.st-hatena.com/js/bookmark_button.js"
charset="utf-8"
async="async">
</script>
facebookいいね
<iframe src="//www.facebook.com/plugins/like.php?
href=【ページURL】&
send=false&
layout=button_count&
width=450&
show_faces=false&
action=like&
colorscheme=light&
font&
height=21"
scrolling="no" frameborder="0"
style="border:none;
overflow:hidden;
width:450px;
height:21px;"
allowTransparency="true">
</iframe> |
<iframe src="//www.facebook.com/plugins/like.php?
href=【ページURL】&
send=false&
layout=button_count&
width=450&
show_faces=false&
action=like&
colorscheme=light&
font&
height=21"
scrolling="no" frameborder="0"
style="border:none;
overflow:hidden;
width:450px;
height:21px;"
allowTransparency="true">
</iframe>
google+
<!-- このタグを +1 ボタンを表示する場所に挿入してください -->
<g:plusone size="tall" annotation="inline"></g:plusone>
<!-- この render 呼び出しを適切な位置に挿入してください -->
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script> |
<!-- このタグを +1 ボタンを表示する場所に挿入してください -->
<g:plusone size="tall" annotation="inline"></g:plusone>
<!-- この render 呼び出しを適切な位置に挿入してください -->
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>