ソーシャルボタンを非同期に

ハダカのブログに書いてから、こっちに書けば良かったと思い立ってほぼコピペで書いています。今回のハダカJapanのテーマに何となく準拠した形で、スクリプトは js/custom.js に追記し、表示部分は前の通り、Livedoor Clipのボタンを追加した状態で表示させています。

デフォルトNOVAのソーシャルボタンはフッター部分に格好いい丸いボタンがついていましたが、ハダカJapanのようにコンテンツに文章がほとんどないギャラリーメインのサイトでは一番上が望ましいと思い場所を変更しました。Google＋はアダルトとの相性が悪い気がしますが、この際気にしません＾＾

SCRIPT部分

(function(w,d){
	w._gaq=[["_setAccount","UA-XXXXXXXXX-X"],["_trackPageview"]];
	w.___gcfg={lang:"ja"};
	var s,e = d.getElementsByTagName("script")[0],
	a=function(u,f){if(!d.getElementById(f)){s=d.createElement("script");
	s.src=u;if(f){s.id=f;}e.parentNode.insertBefore(s,e);}};
	a(("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js","ga");
	a("https://apis.google.com/js/plusone.js");
	a("//b.st-hatena.com/js/bookmark_button_wo_al.js");
	a("//platform.twitter.com/widgets.js","twitter-wjs");
	a("//connect.facebook.net/ja_JP/all.js#xfbml=1","facebook-jssdk");
})(this, document);

表示部分

<div id="fb-root"></div>
<div class="fb-like"
	data-href="http://a-hadaka.jp/"
	data-layout="button_count"
	data-send="false"
	data-width="100"
	data-show-faces="false">
</div>

<div class="g-plusone" data-size="medium" data-href="http://a-hadaka.jp"></div>

<a href="https://twitter.com/share" class="twitter-share-button"
	data-lang="ja"
	data-url="http://a-hadaka.jp/"
	data-text="このエントリーをツィートする"
	data-via="me"
>Tweet</a>

<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button"
	data-hatena-bookmark-layout="standard"
	data-hatena-bookmark-url="http://a-hadaka.jp/">
	<img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
	alt="このエントリーをはてなブックマークに追加" width="20" height="20"
	style="border: none">
</a>