Melhor maneira de adicionar Facebook, Twitter, Google Plus e quaisquer outros scripts externos

Cada vez que tenho que incorporar Facebook, Twitter ou qualquer outro script externo no site, leva mais tempo do que deveria e meu código fica confuso. Mas não mais, com este código é mais fácil incorporar scripts de uma fonte externa.

var scripts = {
'facebook-jssdk': '//connect.facebook.net/en_US/all.js#xfbml=1',
'googleplus' : 'https://apis.google.com/js/plusone.js',
'twitter-wjs' : '//platform.twitter.com/widgets.js',
'analytics' : ('https:'==location.protocol?'//ssl':'//www') + '.google-analytics.com/ga.js'
}, script, _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];

for (var id in scripts) {
script
= document.createElement('script'); script.src = scripts[id];
script
.id = id;script.type = 'text/javascript'; script.async = true;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
}

Embora seja apenas um loop, é muito útil e ajuda a gerenciar todos esses scripts.

Não se esqueça de adicionar <div id="fb-root"></div>à sua marcação quando estiver usando o Facebook.

Postagem do meu blog