Como inserir o botão “CURTIR” do Facebook em seu site. 3


Podemos dizer que atualmente a integração com as redes sociais exerce um importante papel para qualquer site, não apenas devido à expectativa de uma maior visibilidade do site nessa rede social, mas também por adicionar possibilidades de interação e estimular o relacionamento dos usuários com o seu site.

bcface1

Assim, resolvi no artigo de hoje mostrar como aplicar o botão “Curtir” do Facebook em seu site. Vamos utilizar uma configuração simples e rápida, para adicionar o botão que possibilitará que qualquer usuário que tenha uma conta no Facebook recomende sua página para outras pessoas.

Existem vários modos para inserir o botão em sua página. O código que utilizaremos é relativamente simples e tem o menor potencial de causar lentidão ou conflito em suas páginas. Basta incluir o código abaixo em seu HTML:

<script>(function(d, s, id) {</pre>

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<br  />

<iframe src="http://www.facebook.com/plugins/like.php?href=<strong>url_do_site</strong>/&layout=<strong>standard</strong>&show_faces=<strong>false</strong>&width=380&action=<strong>like</strong>&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:25px;" allowtransparency="true"></iframe>

Vejamos algumas configurações possíveis:

  • href– a URL do seu site.
  • Layout – temos três opções, que são:

– standard – mostra um texto do lado direito do botão e a foto do perfil dos “amigos” abaixo.
– button_count – mostra o número total de “likes” ao lado direito do botão.
– box_count – mostra o número total de “likes” sobre o botão.

  • show_faces– especifica se as fotos do perfil serão exibidas abaixo do botão (apenas standard layout)
  • action– o verbo utilizado no botão. As opções são: “curtir” ou “recomendar”.

Você pode também alterar as propriedades de tamanho do botão (width e height).

É um simples IFRAME que busca o plugin LIKE do próprio Facebook, não deixa a página lenta e ainda é muito fácil de manipular.

Se preferir utilize a visite a página de desenvolvimento do Facebook e veja este e outros aplicativos úteis para você: http://developers.facebook.com.

Agora se você gostou deste artigo, não se esqueça de “curtir” nosso site no Facebook!

Até mais…

Marco Antonio Sanches

Marco Antonio Sanches

Sou formado em Matemática e Tecnologia em Sistemas de Informação para Internet e atualmente leciono Física para o Ensino Médio.
Marco Antonio Sanches

Últimos posts por Marco Antonio Sanches (exibir todos)


Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

3 thoughts on “Como inserir o botão “CURTIR” do Facebook em seu site.