🥇 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

Related Posts