Hoje trago a vocês uma grande ajuda para quem está entrando no mundo das Mídias Socias. Pensando sempre em melhorar nossa comunicação, irei mostrar como customizar uma página do Facebook usando desde descrições, imagens, eventos até vídeos para gerar mais fãs com um conteúdo de qualidade.
Um dos pontos mais envolventes nas Fan Pages (página de fãs), é a possibilidade de usar uma linguagem própria da rede social, capaz de substituir o tradicional HTML. Com ela, abre-se a oportunidade de criar diferentes meios de divulgação interativa dentro de sua página.
Conhecida como: FBML, ou Facebook Markup Language, a linguagem tem como principal característica a adição de uma aba na sua página de marca. Dentro das configurações, é possível inserir uma codificação. Tal código pode vir de um design, uma simples imagem de boas vindas, um formulário de envio de contato… Enfim, tudo que já usamos atualmente nas páginas fora da rede social, mas sempre usando as TAGS oficiais do Facebook.
E para quem pensa que trabalhar com FBML é complicado, caiu do cavalo, pois não é. Para começar, é preciso ser administrador de uma página. Para adicionar o aplicativo a ela, visite o site oficial do FBML dentro do Facebook e clique no link no menu “Adicionar à minha página”.
A partir daí, volte às configurações de sua fan page (através do link “editar”) e escolha no menu esquerdo a categoria “Aplicativos”. Ali, você verá os aplicativos instalados. Encontre o App FBML e clique em “Ir para o aplicativo”.
Agora você será direcionado à uma página simples, de apenas dois campos: “título da caixa” e “FBML”. O primeiro é responsável pela nomenclatura da aba na página principal, ou seja, o título da caixa e o segundo é o local para inserção do código para divulgação do conteúdo desejado. Escreva um texto qualquer nesta área e finalize salvando as alterações. Volte para a home de sua fan page, no final nas caixas principais irá aparecer a guia que você acabou de criar.
Como qualquer outra linguagem de programação, a FBML possui seus termos e códigos próprios, assim, para utilizá-los é necessário conhece-los acessando: http://developers.facebook.com/docs/reference/fbml/. E só para deixar um gostinho da programação segue 2 exemplos abaixo:
Código HTML
[html]<a href="http://www.rafaeldesigner.com.br/blog/"><img title="Usando o FBML (Facebook Markup Language) em Campanhas" src="http://www.rafaeldesigner.com.br/blog/wp-content/uploads/2011/01/tutorial-usando-o-fbml-do-facebook.jpg" alt="Blog Rafael Designer" /></a>[/html]
Usando Flash
[html]<fb:swf swfbgcolor="#000000" swfsrc="ENDEREÇO DA ANIMAÇÃO EM SWF" imgstyle="border-width:3px; border-color:black;" imgsrc="ENDEREÇO DE UMA IMAGEM ESTÁTICA" width="XXX" height="XXX" waitforclick="false" />[/html]
5 Comentários
olá, gostaria de saber se alguém tem sugestão de livro, site, em fim qualquer conteudo sobre os métodos da api do facebook, pois inclusive na documentação dele é muito pobre o conteudo, praticamente escaço.
obrigado!
Olá boa tarde, achei bastante conteudos e dicas interessante no oon.com.br, talvez possam me ajudar.
Eu criei duas abas FBML no facebook, insiro o código HTML e não aparece nada quando abro as abas.
A minha página no facebook é: facebook.com/clikcoletivo
O Código que estou inserindo é:
Nome
E-mail
Tel.
Cidade
São Paulo
Rio de Janeiro
Brasília
Belo Horizonte
Vitória
Curitiba
Porto Alegre
Florianopolis
Salvador
Fortaleza
Esse código é relacionado a:
http://www.clikcoletivo.com.br/facebook.html
O outro código é:
Sem Título-1
Esse código é relacionado a: http://www.clikcoletivo.com.br/facebook1.html
Desde já agradeço!
Caso possam me auxiliar ficarei muito grato!!
Atenciosamente Luciano
Olá. Gostaria de saber como faço para quando clicar num link dentro do FBML, não abrir em uma nova página, como nesse página http://www.facebook.com/pages/IGP-Consultoria-Imobili%C3%A1ria/148881258492045