As redes sociais estão se demonstrando continuamente as melhores geradoras de tráfegos em blogs e sites, a integração entre elas falado no post anterior aqui é um exemplo disso. Porém a integração das redes sociais não devem ficar apenas entre as próprias redes sociais, mas pode ser expandido ao seu site ou blog.
Uma das ferramentas mais utilizadas para tanto é a inclusão de botões de compartilhamento de conteúdo para que seus visitantes possam com um clique enviar o conteúdo à seus amigos, divulgando-o for free. Veja os ícones ao lado deste post, ao clicar em cada um deles, se é redirecionado ao site respectivo e com as informações deste post pré-preenchidas, facilitando o compartilhamento.
Por exemplo, ao escolher a opção de compartilhar o conteúdo pelo Twitter, o campo de digitar a sua mensagem irá aparecer com o título deste post, seguido pelo link, assim ó:
Adicionando botões de compartilhamento no WordPress -> http://fernandopaes.ppg.br/blog/?p=1323 RT @cadaumcoseu
Isto é possível através das APIs do Twitter e das demais redes sociais. Mas como acrescentar esta ferramenta ao seu site ou blog? Existem diversos plugins no mercado, alguns eficientes outros não. Mas em sua maioria, nenhum permite um nível de personalização muito ampla, o que acaba limitando o seu uso. Aqui irei mostrar como adicioná-los manualmente, sem a ajuda dos plugins.
Na verdade é algo extremamente simples, basta adicionar junto às imagens que deseja linkar os seguintes endereços (essas dicas servem para o WordPress, mas podem ser adaptadas para quaisquer outro sistema de site ou blog):
Para o Twitter:
http://twitter.com/home?status=<?php the_title(); ?> -> <?php the_permalink() ?> RT @Seu_Twitter
Facebook:
http://www.facebook.com/share.php?u=<?php the_permalink() ?>&t=<?php the_title(); ?>
LinkedIn:
http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink() ?>&title=<?php the_title(); ?>&summary=<?php the_excerpt(); ?> &source=Nome e Endereço do seu site
Windows Live Bookmarks:
https://favorites.live.com/quickadd.aspx?marklet=1&mkt=pt-br&url=<?php the_permalink() ?>&title=<?php the_title(); ?>
Delicious:
http://del.icio.us/post?url=http://fernandopaes.ppg.br/blog/?p=<?php the_ID(); ?>&title=<?php the_title(); ?>¬es=<?php the_excerpt(); ?>
Tumblr:
http://www.tumblr.com/share?v=3&u=<?php the_permalink() ?>&t=<?php the_title(); ?>
Google Bookmarks:
http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=<?php the_permalink() ?>?p=<?php the_ID(); ?>&title=<?php the_title(); ?>
É isto aí… se não utilizar o WordPress basta substituir as tags pelas respectivas do seus sistemas.
Ah, grande parte das redes sociais possuem esse tipo de API. Basta dar uma olhada nas “FAQs” de cada site para encontrar as informações.
Dúvidas? Nos comentários.
Abs…
Posts relacionados
Amigo, preciso adicionar esses botões de compartilhamento no blog adrianatorres.com.br, porém em qual arquivo adicionarei as imagens para que elas aparecam em todos os posts?
Desde já agradeço!
Olá Adamo, você deve adicioná-las junto ao layout do template. No wordpress esses arquivos estão dentro da pasta “wp-content -> themes” e dentro da pasta do template que você está utilizando.
Abs…
Estava procurando como compartilhar pelo Windows Live.
Obrigado pela informação.
Olá rapaz, blz…
Eu já tenho os botoes personalizados no meu site, porém gostaria de associa-los as redes …eu utilizo o dreamweaver… vc teria como me explicar como eu faço???
abração e obrigado pela ajuda
olá,
sou iníciante no Tumblr. gostaria de colocar links de compartilhamento (facebook e twitter)
http://fitak7podcast.net/
poderia me ajudar?
abraços,
Só tenho uma coisa a dizer! OBRIGADO! haha, não achei em lugar nenhum uma coisa tão simples, estou implementando em meus sites em php e esta indo que é uma beleeeza xD
cara eu testei alguns e funciono, mas eu gostaria de inserir nesse site, mas num consigo, num teria comovc me ajudar…
http://www.linkto.com.br/site.enviaNoticia.php?url=&title=&auth=ja_li
Caso vc ajude, retorna o email… flww!!
Olá, obrigado pelas dicas.
A dica de compartilhamento no Twitter funcionou bem, mas quando quando eu compartilho no Facebook não aparece o título da mensagem que quero compartilhar, somente o link.
Sabe o que posso fazer para linkar o ícone do facebook com o compartilhamento e aparecer a mensagem que estou compartilhando?
Abraço.
Olá Fernando, esse foi realmente um excelente artigo, parabéns! Agora me diz só uma coisinha…esses arquivos dos botões que devem ser enviados para a pasta de temas do WordPress, qual o nome que devo dar pra cada um deles?
Obrigado pelos elogios… vamos às perguntas:
Leonardo: verifique se o campo “t=” está correto no seu código. Veja como no meu blog está funcionando corretamente (com o título e descrição).
Jamison: o tema que você criou para o wordpress pode ter o nome de pasta que você quiser e deve ser colocado dentro da pasta themes. o nome dos botões pode ser de sua escolha, eles não irão interferir no resultado do link.
Jhon, essa funcionalidade não pode ser feita em qualquer site, é necessário que o site forneça os dados de API para você. Neste caso que você citou, não encontrei tais dados disponíveis, provavelmente eles não permitem.
Abs…
Estou tentando adicionar seu site no Google Reader mas estou recebendo uma mensagem de erro, você está informado sobre qualquer problema?
Gostaria de inserir um botão de compartilhamento do Tumblr no meu blog wordpress, mas não está aparecendo a figura. E qual o endereço que devo usar?
Olá
Não consigo, DE FORMA ALGUMA, colocar os botões de compartilhamento no meu blog no wordpress, por favor, não entendo nada dessas tecnologias, como fazer? me explique bem detalhado por favor?
obrigada!!!
Renata Mendes
Uso o wordpress.com, direto na web. Não entendi o seguinte: Em cada post eu teria que colocar esses códigos, certo? Mas não entendi onde os coloco e nem como insiro os dados do post para que seja redirecionado com o conteúdo.
Grato
Parabéns pelo post e obrigado por compartilhar. Precisei disso para usar no meu site e funcionou como esperado.
Abraço!
Peço desculpas por distração , mas eu tenho algum motivo torto exibido em seu navegador, e alguns botões não vejo o que poderia estar errado?
Testei esse código e realizei algumas alterações para ter url’s mais amigáveis, ficou assim:
<a href="http://twitter.com/?status= ID)); ?>” target=”_blank”>
Comigo funcionou normalmente.
e ficou mais amigável.
Me ajudou muito este post
Me esqueci que os códigos em php não são reconhecidos
< a href="http://twitter.com/?status= ID)); ? >” target=”_blank”>
Só apaguem os espaços nos inícios da tags