Home / Dicas / Como Colocar A Caixa De Fãs Do Facebook No Site (Like Box)

Como Colocar A Caixa De Fãs Do Facebook No Site (Like Box)

Gerando e formatando o plugin de fãs

1º passo – Entre na página de plugins socais (Like Box) do Facebook aqui: http://developers.facebook.com/plugins 2º passo – Dentre várias opções de plugins, clique na opção “Like Box“:

img-like-box-facebook

3º passo – Hora de pegar sua ID de “Página”, formatar tamanho e outros aspectos visuais de sua caixa de fãs. Observe abaixo como proceder em cada campo de preenchimento para configuração do plugin e geração do código, que você irá inserir na página de seu site. plugin-like-box-formatcao-codigo

  • Começando então com a primeira opção aí em cima no formulário, temos “Facebook Page URL” – antes esse campo vinha descrito como “Facebook Page ID“, se sua caixa estiver descrito assim pegue o ID, que é o número contido na URL de sua Página (ex: 389454674865210) e insira neste campo.É aqui que acontece a conexão com sua Página de fãs. Você irá pegar a ID  (número de identificação) de sua Página de fãs ou, se você já personalizou sua URL alterando-a para um nome fácil de lembrar, como no meu caso aqui – ex: facebook.com/nuvemseo – então pegue simplesmente a URL de sua Página de fãs e insira neste campo e em seguida clique em uma área vazia da página, somente para atualizar e já carregar com os dados da sua Página de fãs para você ver como está ficando…
  • No campo “Width” (Largura), é onde você irá definir a largura da caixa de fãs, conforme a largura disponível no local onde você pretende colocá-lo no site. No ex: acima foi definida como 292px (pixels). Se tiver dúvidas, verifique na sua sidebar do blog (no WordPress essa informação estará no arquivo “style.css” na declaração “sidebar”), isso pode varias, então fique ‘coelho’ para não fazer besteira com o código de seu site. Não responsabilizo pela sua ação. Sabendo quantos pixels de largura tem sua barra do lado, você vai saber melhor qual largura da caixa  a definir.
  • Em “Color Scheme“, nada mais faz que definir uma cor escura ou uma cor clara para o visual de sua caixa. Fique à vontade e escolha ‘light’ para a cor padrão ou ‘dark’ para preto;
  • Aqui em “Show Faces” define se você quer que ela mostre as ‘caras’ ( as fotos dos fãs) ou não. Claro que você quer, não? Então deixe marcada esta caixa para mostrar seus fãs do Facebook no seu site;
  • Em “Show Stream“, se marcada esta caixa, ela faz mostar uma prévia de uma publicação, ou seja irá tomar mais espaço na caixa e  aparecerá trechos de seus últimos posts, acho que não carece. Até porque tomaria muito espaço no seu site, portanto deixe-a desmarcada;
  • Em “Show Header“, que quer dizer ‘mostrar cabeçalho’, acho que você deve desmarcar, para que não apareça o título do Facebook no topo do plugin social dentro do seu site, sua caixa ficará com uma aparência mais ‘clean’ (limpa);
  • Por fim, dê uma confirida em todos os ítens e, se já está tudo certo, é hora de gerar o código do plugin, para então pegar esse código e colar no local desejado da página de seu site. Então clique em “Get Code“!
  • Aparecerá uma tela com duias opções de código: A primeira opção é por ‘iframe’ e a segunda por ‘javascript’. todas as duas opções vão fazer a mesma coisa, aconselho a primeira (iframe) onde você tem mais controle das propriedades da caixa e fará menos requisição de DNS e servidor que por javascript (XFBML). Boa sorte!

Observações importantes:

  1. Para inserir uma caixa de fãs do Facebook em seu site, é bom que você já tenha alguns fãs (alguns ‘likes’), ou seja, algumas pessoas que já tenham clicado em ‘like’ na sua Página de Fãs, isso para que possa ser gerado fotos de perfis desses uuários na caixa. caso contrário não aparecerá nada além do nome da sua Página na hora de configurar o plugin “Like Box”;
  2. Tanto no WordPress quanto no Blogger, você poderá colocar o código através de ‘widgets’ (elementos de páginas), adicionando um deles ou arranstando-os para o local desejado ou você pode também ir direto no código da página ou arquivo e inserí-lo. O arquivo da barra do lado no wordPress é chamado de ‘sidebar.php’;
  3. Em nenhum caso me responsabilizo pelo seu ato, prá mexer em códigos de páginas web deve ter muita atenção e cuidado, pois qualquer vacilo poderá gerar problemas ou perda de dados importantes;
  4. Para mais informações ou dúvidas deixe-as na seção de comentários e tentarei te ajudar.
  5. O “Like” do Facebook em inglês, quer dizer “gostar”, “curtir” em português e ‘box’ é ‘caixa’. ‘Like box’ = ‘Caixa curtir’.

About sidnei

Check Also

Alterar URL de instalação do Magento

Em algum momento você precisará alterar a URL de instalação do seu Magento, seja por …