ソーシャルボタンの設置コード、毎回公式サイトに調べに行くのは面倒だからまとめおく。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="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>

facebookいいね

<iframe src="//www.facebook.com/plugins/like.php?
href=【ページURL】&amp;
send=false&amp;
layout=button_count&amp;
width=450&amp;
show_faces=false&amp;
action=like&amp;
colorscheme=light&amp;
font&amp;
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>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA