{"id":445,"date":"2011-02-24T20:12:52","date_gmt":"2011-02-24T20:12:52","guid":{"rendered":"http:\/\/blog.cancaonova.com\/metanoia\/?p=445"},"modified":"2011-02-24T20:26:49","modified_gmt":"2011-02-24T20:26:49","slug":"fbml-entendendo-a-linguagem-do-facebook","status":"publish","type":"post","link":"https:\/\/blog.cancaonova.com\/metanoia\/fbml-entendendo-a-linguagem-do-facebook\/","title":{"rendered":"FBML - Entendendo a linguagem do facebook"},"content":{"rendered":"<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/www.mestreseo.com.br\/wp-content\/uploads\/2010\/09\/fbml-codes.png\" alt=\"Facebook e sua linguagem pr\u00f3pria\" width=\"392\" height=\"64\" \/><\/p>\n<p>A customiza\u00e7\u00e3o de uma p\u00e1gina do Facebook passa por diversos pontos.  Desde descri\u00e7\u00f5es, imagens, eventos, \u00e9 preciso alimentar o novo f\u00e3 com um  conte\u00fado de qualidade. Um dos pontos atraentes nas <a href=\"http:\/\/www.mestreseo.com.br\/facebook\/facebook-fan-pages-crie-pagina-facebook\">Fan Pages<\/a> \u00e9 a possibilidade do uso de uma linguagem pr\u00f3pria da rede social, capaz  de substituir o tradicional HTML. Com ela, abre-se a oportunidade de  criar uma landing page dentro de sua p\u00e1gina.<\/p>\n<p>Chamada de <strong>FBML<\/strong>, ou Facebook Markup Language, a  linguagem tem como principal caracter\u00edstica a adi\u00e7\u00e3o de uma aba na sua  p\u00e1gina de marca. Dentro das configura\u00e7\u00f5es, \u00e9 poss\u00edvel inserir uma  codifica\u00e7\u00e3o. Tal c\u00f3digo pode vir de um design de landing page, uma  simples imagem de boas vindas, um formul\u00e1rio de envio de contato\u2026 Enfim,  tudo que j\u00e1 usamos atualmente nas p\u00e1ginas fora da rede social.<\/p>\n<p>Trabalhar com FBML n\u00e3o \u00e9 complicado. Para come\u00e7ar, \u00e9 preciso ser  administrador de uma p\u00e1gina. Para adicionar o aplicativo a ela, visite o  <a href=\"http:\/\/www.facebook.com\/#%21\/apps\/application.php?id=4949752878&amp;ref=ts\" target=\"_blank\">site oficial do FBML<\/a> dentro do Facebook e clique no link no menu \u201cAdicionar \u00e0 minha p\u00e1gina\u201d.<\/p>\n<p>A partir da\u00ed, volte \u00e0s configura\u00e7\u00f5es de sua fan page (atrav\u00e9s do link  \u201ceditar\u201d). Ali, voc\u00ea ver\u00e1 as configura\u00e7\u00f5es b\u00e1sicas e os aplicativos  instalados. Encontre a aba da FBML e clique em editar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mestreseo.com.br\/wp-content\/uploads\/2010\/09\/fbml-editar.png\" alt=\"Clique para inserir o FBML na fan page\" width=\"490\" height=\"346\" \/><\/p>\n<p>Voc\u00ea ser\u00e1 direcionado \u00e0 uma p\u00e1gina simples, de apenas dois campos:  \u201ct\u00edtulo da caixa\u201d e \u201cFBML\u201d. O primeiro \u00e9 respons\u00e1vel pela nomenclatura  da aba na p\u00e1gina principal. J\u00e1 o segundo, \u00e9 o local para inser\u00e7\u00e3o do  c\u00f3digo propriamente dito.<\/p>\n<p>Para jogar a aba da FBML na home de sua fan page, basta ir no segundo link da imagem acima \u2013 \u201cconfigura\u00e7\u00f5es de aplicativos\u201d.<\/p>\n<p>Como qualquer outra linguagem de programa\u00e7\u00e3o, a FBML possui seus  termos e c\u00f3digos pr\u00f3prios. Para utiliz\u00e1-los e trabalhar corretamente com  eles, recomendo acessar a p\u00e1gina oficial de <a href=\"http:\/\/developers.facebook.com\/docs\/reference\/fbml\/\" target=\"_blank\">desenvolvedores do aplicativo<\/a> no Facebook, ou entrar no grupo <a href=\"http:\/\/www.facebook.com\/#%21\/learnfbml\" target=\"_blank\">Learn FBML<\/a>, que oferece um tutorial completo sobre as tags e como trabalhar com elas.<\/p>\n<p>Colocando em Pr\u00e1tica<\/p>\n<p>As aplica\u00e7\u00f5es com o aplicativo de FBML podem ser simples ou  complexas. Independente de qual for o objetivo, primeiro \u00e9 preciso  definir a linguagem do trabalho. Como j\u00e1 dissemos, \u00e9 poss\u00edvel inserir a  codifica\u00e7\u00e3o HTML j\u00e1 conhecida, como tamb\u00e9m utilizar as tags pr\u00f3prias da  Facebook Markup Language.<\/p>\n<p>Para ilustrar a primeira op\u00e7\u00e3o, peguei uma imagem simples, fazendo a  linkagem para o blog da Can\u00e7\u00e3o Nova nos EUA .\u00a0 Na tela de edi\u00e7\u00e3o, inserimos o conhecido  c\u00f3digo:<\/p>\n<div>\n<div>&lt;imgsrc=&#8221;<br \/>\nhttp:\/\/blog.cancaonova.com\/eua\/files\/2011\/02\/Cartaz-para-Evento-em-NY-copy.jpg&#8221;<br \/>\nalt=&#8221;&#8221; width=&#8221;535&#8243; height=&#8221;756&#8243;&gt;<\/div>\n<\/div>\n<p>Colocando o \u201cT\u00edtulo da Caixa\u201d como <em>PARTICIPE!<\/em>, o resultado foi o seguinte:<a href=\"http:\/\/www.facebook.com\/cancaonovaTV#!\/cancaonovaTV?v=app_4949752878\" target=\"_blank\"> TV CAN\u00c7\u00c3O NOVA<\/a><\/p>\n<p>\ufeffFonte de pesquisa: <a href=\"http:\/\/www.mestreseo.com.br\" target=\"_blank\">http:\/\/www.mestreseo.com.br<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A customiza\u00e7\u00e3o de uma p\u00e1gina do Facebook passa por diversos pontos. Desde descri\u00e7\u00f5es, imagens, eventos, \u00e9 preciso alimentar o novo f\u00e3 com um conte\u00fado de qualidade. Um dos pontos atraentes nas Fan Pages \u00e9 a possibilidade do uso de uma&#8230;<\/p>\n","protected":false},"author":4719,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[46634],"tags":[25310,6351,14201,50589,50590,13851,113,46612],"_links":{"self":[{"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/posts\/445"}],"collection":[{"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/users\/4719"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/comments?post=445"}],"version-history":[{"count":5,"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/posts\/445\/revisions"}],"predecessor-version":[{"id":450,"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/posts\/445\/revisions\/450"}],"wp:attachment":[{"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/categories?post=445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.cancaonova.com\/metanoia\/wp-json\/wp\/v2\/tags?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}