[DTP・webデザイン・wordpress・php]お役に立てればなによりです
Glad to be of some help.
DTPデザイン・WEBデザインなど、印刷物やホームページの制作現場で、同じところでつまずいている方に、少しでもお役たてればなによりです。

Twitter・Facebook・Google+1などのソーシャルボタンスクリプトをまとめて非同期で読み込む

最終更新日最終更新日:2012.01.24  カテゴリーカテゴリ:JavaScript 
JavaScript

Twitter・Facebook・Google+1・はてなブックマーク・Evernote のソーシャルブックマークボタンのスクリプトを、まとめて非同期で読み込みます。雑然としたソースが、すっきりするだけでなく、読み込み速度の向上も期待できます。


参考にさせてもらったサイトさん

ゆっくりと…T.I.D. (Technologies Inspire Design)さん

Step1

「‹head›~‹/head›」・「‹body›~‹/body›」などに追加

<script type="text/javascript">
(function(w,d){
	w._gaq=[["_setAccount","UA-XXXXXXXX-X"],["_trackPageview"]];
	w.___gcfg={lang:"ja"};
	var s,e=d.getElementsByTagName("script")[0],
	a=function(u,i){if(!d.getElementById(i)){s=d.createElement("script");
	s.src=u;if(i){s.id=i;}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");
	a("//static.evernote.com/noteit.js");
})(this,document);
</script>

3行目「“UA-XXXXXXXX-X”」部分は、Google AnalyticsのトラッキングコードIDを設定します。ほかの箇所でトラッキングコード設定している場合は、3行目・8行目をコメントアウトします。

これで雑然としたソースが、すっきり!さらに、読み込み速度の向上も期待できます。

このサイト「お役に立てればなによりです」でも使用しています。