1 Como criar botões de compartilha no fecebook e twitter - *magazine luiza* >

Como criar botões de compartilha no fecebook e twitter

Como criar botões de compartilha no fecebook e twitter
Ter uma conta no Twitter e outra conta no Facebook é essencial para qualquer empresa ou mesmo particular que deseja obter mais visualização online. É fato que participar de redes sociais aumenta a popularidade de qualquer um. Mas como criar botões ou links de compartilhamento no Twitter e Facebook? Fique tranquilo que irei mostrar como é muito fácil fazer isso neste artigo.
Note que esses links ou botões de compartilhamento são úteis quando você quer que algum visitante de seu site/blog compartilhe o link do mesmo com seus amigos nas respectivas redes sociais. Vejamos, de início, como fazer o botão de compartilhamento do Facebook:

CRIAR BOTÃO DE COMPARTILHAMENTO NO FACEBOOK

Para compartilhar no Facebook, você pode usar um código de ancora igual ao que segue abaixo:
  1. <a target="_blank" href="http://www.facebook.com/sharer.php?u=http://fazer-site.net">Compartilhe no Facebook</a>
Note que você deve substituir “http://fazer-site.net” pelo url da página que deve ser compartilhada no Facebook. Outra idéia é, invés de abrir a página de compartilhamento em uma nova janela, abrí-la em um popup, para isso, utilize este outro código abaixo:
  1. <a href="javascript: void(0);" onclick="window.open(‘http://www.facebook.com/sharer.php?u=http://fazer-site.net’,’ventanacompartir’, ‘toolbar=0, status=0, width=650, height=450’);">Compartilhar no Facebook</a>  
Um detalhe é que você pode editar o tamanho da janela popup apenas alterando os valores das propriedades with e height, largura e altura, respectivamente.
Agora vamos ver como é facil fazer o botão de compartilhamento do Twitter

CRIAR BOTÃO DE COMPARTILHAMENTO NO TWITTER

O Twitter, a exemplo do Facebook, também oferece uma forma facilíssima de se criar botões de compartilhamento. Vejamos o código abaixo:
  1. <a target="_blank" href="https://twitter.com/intent/tweet?original_referer=http://fazer-site.net&source=tweetbutton&text=Fazer Site – Dicas Web&url=http://fazer-site.net">Compartilhe no Twitter</a>
No código acima, você só precisa trocar http://fazer-site.net pelo url do seu proprio site ou página web. Depois tem “Fazer Site – Dicas Web”, coloque um breve descritivo de seu website, lembre-se que isso será publicado no Twitter, e como bem sabemos, o número de caracteres permitidos em tweets são limitadíssimos.
Seguindo com a idéia, para abrir o botão de compartilhamento do twitter em um popup, podes usar um código semelhante ao que foi usado no botão do Facebook, veja abaixo:
  1. <a href="javascript: void(0);" onclick="window.open(‘https://twitter.com/intent/tweet?original_referer=http://fazer-site.net&source=tweetbutton&text=Fazer Site – Dicas Web&url=http://fazer-site.net’,’ventanacompartir’, ‘toolbar=0, status=0, width=650, height=450’);">Compartilhar no Twitter</a>  
Quem quiser, em vez de texto, pode usar uma imagem, assim sendo, o usuário, ao clicar na imagem, irá ser redirecionado para a página de compartilhamento. Por exemplo, para substituir o texto “Compartilhar no Twitter” por uma imagem, você poderia usar um código semelhante ao código abaixo:
  1. <a target="_blank" href="https://twitter.com/intent/tweet?original_referer=http://fazer-site.net&source=tweetbutton&text=Fazer Site – Dicas Web&url=http://fazer-site.net"><imgsrc="http://url-da-imagem"></a>
Um detalhe é que você deve substituir “http://url-da-imagem” pelo url da imagem, o que é óbvio para alguns, mas pode gerar dúvidas para os iniciantes, então não custa salientar sobre isso. site de imagem

veja também

Muito bem, vimos neste artigo como é simples e fácil criar botões ou links de compartilhamento para o Facebook e para o Twitter.                                                                                                                                                                                                                                Gostou compartilhe nas redes sociais
Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Olá! muito Obrigando por ler meu Blog e também por se dispor a comentar meus posts. seja muito bem-vindo (a)! Importante! Muito obrigando, fique a vontade para interagir. mais lembre-se: Gentileza, Educação e boas maneiras servem também para a vidas nos blog..................

Voltar ao topo