Sites de compartilhamento social como Facebook, Twitter e Google Plus são essenciais para pessoas que escrevem em blogs como eu. Por que escrever sobre algo que o apaixona se ninguém consegue encontrar o artigo (propositalmente ou por acaso?) As pessoas compartilham um número suficiente de publicações e o senhor é notado e consegue um ótimo emprego na Mozilla… no meu caso.


O que não gosto nos sites de compartilhamento social são seus widgets: eles carregam muito lentamente, não é possível personalizar sua aparência e permitem que os sites sociais rastreiem os sites que você está visualizando. Lentos, feios e invasivos – que horror. No entanto, o senhor pode criar seus próprios links de compartilhamento social, certificando-se de abrir a janela de compartilhamento usando algum JavaScript personalizado. Veja como!


O JavaScript


Separei cada um dos principais sites de compartilhamento em sua própria função:



function shareTwitter(url, text) {
  open('http://twitter.com/share?url=" + url + "&text=" + text, "tshare', 'height=400,width=550,resizable=1,toolbar=0,menubar=0,status=0,location=0');  
}

function shareFacebook(url, text, image) {
  open('http://facebook.com/sharer.php?s=100&p[url]=' + url + '&p[images][0]=' + image + '&pSocial Sharing Links without Widgets=' + text, 'fbshare', 'height=380,width=660,resizable=0,toolbar=0,menubar=0,status=0,location=0,scrollbars=0');
}

function shareGooglePlus(url) {
  open('https://plus.google.com/share?url=" + url, "gshare', 'height=270,width=630,resizable=0,toolbar=0,menubar=0,status=0,location=0,scrollbars=0');
}


O senhor pode adicionar click ou usar a delegação de eventos para chamar cada função quando um botão de compartilhamento for clicado. Se o senhor quiser exibir a contagem de compartilhamentos para cada serviço, tenho uma receita para obter contagens de compartilhamentos do Twitter e do Facebook via JSONP.


Usando seus próprios estilos personalizados e as funções acima, o senhor pode criar botões de compartilhamento social elegantes sem usar o widget de cada serviço. Seu site fica mais rápido, com mais estilo e respeita a privacidade do usuário. Pontuação!