[Tutorial] Como Colocar A Caixa De Fãs Do Facebook No Site [Like Box]

Para poder colocar uma caixa de fãs (Like box) daquelas do Facebook, que você vê por aí em trocentossites e blogs da web, você precisa de no mínimo já ter uma conta no Facebook e também ter criado umaPágina de Fãs no Facebook. saiba mais…

Olá, leitor do NuvemSEO, como hoje em dia é quase obrigatório ter conta na maior rede social do mundo, o Facebook, quem tem sites, blogs e afins pode se beneficiar de vários recursos oferecidos por esta rede. Para quem criou uma Página no Facebook, a caixa de fãs é um segundo passo para divulgar e interagir com esses fãs. Continue…
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“:

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.
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:
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”;
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’; 

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; 

Para mais informações ou dúvidas deixe-as na seção de comentários e tentarei te ajudar.
O “Like” do Facebook em inglês, quer dizer “gostar”, “curtir” em português e ‘box’ é ‘caixa’. ‘Like box’ = ‘Caixa curtir’.