Usando a FBML – Facebook Markup Language

Usando o FBML (Facebook Markup Language) em Campanhas

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”.

Adicionando o FBML a Página de Fã

Adicionando o FBML a Página de Fã

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”.

Liberando Acesso ao FBML

Liberando Acesso ao FBML

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.

FBML funcionando dentro da FanPages

FBML funcionando dentro da FanPages

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]



Rafael Hernandez

Mais artigos deste autor »

Meu nome é Rafael Hernandez. Sou Design e Programador com mais de 9 anos de mercado, já passei por 2 agências digitais e estou na 3º como Coordenador de Projetos Web 2.0. Também sou Responsável pelo Blog Rafael Designer e pelo Twitter onde muitas pessoas nos seguem para ficar em dia com a Tecnologia mundo a fora.


5 Comentários

bruno welber
1

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!

Luciano
2

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

Deixe seu comentário

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