G1

April 22nd, 2010 - Atualizado em July 14th, 2011 at 4:06 pm,

Coloque Botao de Curtir do Facebook no Seu Blog ou Site

Internet

O Facebook é a maior rede social da internet e não para de crescer. Uma das suas vantagens é a facilidade de integração com outros sites na internet, chamado de kit de desenvolvimento o SDK ajuda por exemplo a colocar um botão de “Curtir” para que seus amigos possam compartilhar seus artigos.

Desenvolvedores do Facebook

O kit de desenvolvimento do Facebook contém muitas outras funções interessantes tais como integração de login, “conectar com Facebook” ou single sign-on, gráfico de estatísticas e plugins de integração social (para ver a lista de artigos que foram “curtidos”).

Para integrar seu site com o Facebook, a primeira coisa que você deve fazer é formatar e criar o botão de curtir do jeito que quiser.

Se for para curtir a página que o visitante estiver no seu site, deixe a caixa de url em branco, se for para curtir o seu endereço web, digite o www.seusite.com na caixa “url to like”.

Para finalizar clique em: “Get Code”.

O Facebook vai produzir algo assim que você deve copiar:

<div id="fb-root"></div><script src="http://connect.facebook.net/pt_BR/all.js#appId=999999999&amp;xfbml=1"></script><fb:like href="" send="true" width="450" show_faces="true" font=""></fb:like>

Note que eu alterei o código original gerado pelo Facebook para o português brasileiro colocando o endereço “pt_BR” na url de chamada.

Para usar esse código você precisa de um App ID ou então ter criado uma versão da sua página web dentro do Facebook para usar o ID dela.

Você deve alterar o appId do código gerado acima pelo seu, podendo ser um aplicativo ou o ID de uma página criada no Facebook.

Veja como criar uma página web dentro do Facebook.

obs: width é a largura do objeto.

Depois disso, você precisa colocar esse pedaço de código criado no seu blog, wordpress, blogger, qualquer um funciona. No WordPress eu coloquei o meu perto do título do artigo, no arquivo single.php

No Blogger você deve colocar o código após:

<data:post.body/> ou <div class='post-body entry-content'>

Veja a lista de plugins sociais, o botão de curtir ou “like button” é a opção mais popular.

Eu recomendo uma visita a página do desenvolvedor do Facebook para estudar as possibilidades que se aplicam a cada necessidade que você tenha.

developers.facebook.com

Uma dica para quem tem um site é criar uma página no Facebook para seu site assim como a minha do Gus SOS Brasil.

A pagina de gerenciamento dos aplicativos fica um tanto quanto escondida mas seu endereço é: www.facebook.com/developers/apps.php?ret=1

Para acompanhar novos artigos, siga no Twitter, ou curta nossa página no Facebook

Artigos Parecidos. Artigos Recentes

Dúvidas? Pergunte, e eu Respondo

Leave a Reply





Os Mais Lidos

Artigos Recentes
  • Gusleig.com
  • Gusleig.com é um site de tecnologia dedicado a blogueiros e amantes de tecnologia.
    Publicamos artigos diários contendo truques, ferramentas, tutoriais e programas para baixar.
  • Assine o feed RSS, ou adicione aos favorito, assim você não perde nenhum artigo novo.
  • Feedback
  • Primeira Página

  • Algo a dizer ou a sugerir? Encontrou um bug ou problema em nosso site?
    Envie-nos uma mensagem que entraremos em contato o mais rápido possível.
  • Redes Sociais