Autor: Roger Silva | Publicado: 2011-11-21T22:58:00-08:00





Share para Facebook, Twitter e Orkut

Postado por Guilherme Grillo&nbsp; in http://guilhermegrillo.com.br/share-para-facebook-twitter-orkut 



0inShare


As Redes Sociais se tornaram a maior fonte de divulgação espontânea de conteúdo e isso é muito importante para as pessoas, para os buscadores e para as empresas e seus negócios. Estar presente nas Redes Sociais é imprescindível, por isso, um botão de share (compartilhar) se tornou obrigatório.
Quem utiliza blogs baseados em WordPress, conta com diversos plugins 
para a divugação nas redes sociais que tornam fácil a sua implementação,
 mas e nos sites corporativos, pessoais, hotsites e aqueles que utilizam
 um publicador mais limitado? Este post, mostra como inserir um botão de compartilhar das principais redes sociais utilizadas no Brasil.



Botão de Share do Twitter

Este é um dos mais simples, já que no twitter só se utiliza texto. O 
compartilhamento é feito criando um link para a URL de share do Twitter 
com os parâmetros text (texto), lang (idioma) e url (endereço da página a ser compartilhada).
A URL de share do Twitter é http://twitter.com/share?.
Uma dica importante: Pode haver 
dificuldade no processamento da sua URL por conta dos espaços e 
acentuação, assim, recomenda-se codificar o texto para um formato que 
possa ser usado na URL sem ser confundido com parâmetros ou erros de 
endereço em si. Um site que disponibiliza este serviço é o Albion Research Ltd.
Atenção: A codificação do texto para a 
URL deverá ser feita apenas nos shares de Twitter e Orkut que são por 
URL, no Facebook não é necessário.
Após a conversão, o texto: Share para Facebook, Twitter e Orkut –  deverá ser usado como Share%20para%20Facebook%2C%20Twitter%20e%20Orkut%20-%20.
O endereço final do link será:
http://twitter.com/share?text=Share%20para%20Facebook%2C%20Twitter%20e%20Orkut%20-%20&amp;lang=pt&amp;url=http://webmkt.me/dV1pxJ
Faça o teste: Divulgue no Twitter



Botão de Share do Orkut

O compartilhameno no Orkut, principal rede social do Brasil,
 funciona de forma muito semelhante a do Twitter, endereço de share + 
parâmetros, com a diferença de que ele permite um título e uma imagem 
(thumbnail) para divulgar o conteúdo.
A URL de share do Orkut é: http://promote.orkut.com/preview?nt=orkut.com
E os parâmetros:

tt -&gt; título
du -&gt; endereço do link
cn -&gt; texto de divulgação
tn -&gt; link para o thumbnail (imagem) (ex: http://guilhermegrillo.com.br/wp-content/uploads/2010/12/guilhermegrillo-100.gif)

O endereço final do link será:
http://promote.orkut.com/preview?nt=orkut.com&amp;tt=Share%20para%20Facebook%2C%20Twitter%20e%20Orkut
&amp;du=http://webmkt.me/dV1pxJ&amp;cn=Veja%20como%20inserir%20bot%C3%B5es%20para%20compartilhar%20seu%20conte%C3%BAdo%20nas%203%20principais%20Redes%20Sociais%20usadas%20no%20Brasil.&amp;tn=http://guilhermegrillo.com.br/wp-content/uploads/2010/12/guilhermegrillo-100.gif
Faça o teste: Divulgue no Orkut



Botão de Share do Facebook


Dos 3, compartilhar no Facebook pode ser o mais 
complicado tecnicamente, diferente do Orkut e Twitter, ele precisa ler o
 conteúdo da página e identificar algumas tags para criar a mensagem de 
compartilhamento e isso causa problemas em sites que possuem 
redirecionamento por geolocalização ou os que são feitos com alguns 
publicadores de conteúdo. 
De forma simples, o compartilhamento via Facebook pode ser feito utilizando o endereço de share + o parâmetro url.
http://www.facebook.com/sharer.php?&amp;u=http://webmkt.me/dV1pxJ
Se tudo correr bem, o Facebook irá pegar as informações de meta description e da tag title ou h1
 para montar a mensagem de compartilhamento que é editável e você poderá
 compartilhar o conteúdo. Agora, caso ele mostre como título e texto de 
descrição apenas o endereço da URL que você passou, é porque o Facebook 
não conseguiu acessar este endereço, então, devemos usar o modo 
alternativo.
A solução, é criar um arquivo html com redirecionamento em javascript
 para a página final e compartilhar este html em vez da página.
A URL ficaria assim:
http://www.facebook.com/sharer.php?u=http://guilhermegrillo.com/share/share-this-post.html
Este arquivo precisa estar em um local acessível, sem restrições e em seu código, todos os parâmetros serão passados por meta tags exclusivas do Facebook.
As meta tags são:

og:title -&gt; título
og:description -&gt; texto de divulgação
og:image -&gt; link para a imagem
window.location -&gt; link para a página que você quer divulgar

Segue o código do arquivo: share-this-post.html



Share para Facebook, Twitter e Orkut" /&gt;
Veja como inserir botões para compartilhar seu conteúdo nas 3 principais Redes Sociais usadas no Brasil." /&gt;
http://guilhermegrillo.com.br/wp-content/uploads/2010/12/guilhermegrillo-100.gif" /&gt;


function init() { window.location = 'http://webmkt.me/dV1pxJ'; }
window.onload = init;








Perceba que no código, existe uma função JavaScript. Como você está compartilhando a página share-this-post.html
 e não é ela que tem o conteúdo que você deseja compartilhar, esse 
JavaScript serve justamente para fazer o redirecionamento desta para a 
página que contém o conteúdo. Nada impede de você utilizar apenas
 as meta tags do Facebook na página que contém o conteúdo, é desse jeito
 mesmo que deveria ser feito. Esta alternativa serve apenas para o caso 
da página não ser acessível de modo direto.
Caso tenha alguma dúvida ou queria acrescentar algo, utilize os comentários.