Desenvolvendo um site no Facebook -
APIs Desenvolvimento
PorArthur Paredes em	26/05/2011
Começando com um pouco de teoria
O Facebook é, sem dúvida, a maior rede social do mundo. Sua ascensão é exponencial e muito à frente de seus concorrentes, com centenas de milhões de usuários em sua base. E seu grande trunfo foi desenvolver uma plataforma fácil e abrangente para que desenvolvedores pudessem utilizar as vantagens da socialização a seu favor.
Logo, é possível desenvolver um website completo dentro do Facebook, com menus, animações, hiperlinks, e mais ainda, com interações diretas com perfis, preferências do usuário, seus amigos, etc.
Antes de tudo é necessário entendermos a diferença entre ter um PERFIL e uma PÁGINA no Facebook. Ao contrário do nosso amigo Orkut que apenas permite a criação de perfis, independentemente de ser uma empresa ou uma pessoa, o Facebook saiu na frente por saber diferenciar estes dois tipos de perfis.
Um PERFIL refere-se a um indivíduo, uma pessoa que possui gostos, preferências, amigos, trabalhou em lugares, etc. Para ser amigo de um perfil, é necessário solicitar uma amizade e esperar que o mesmo lhe aceite.
Já uma PÁGINA refere-se a um ambiente público (qualquer pessoa pode visualizar sua página na internet, independente de estar logado no Facebook) onde é possível criar "abas" personalizadas, construindo um menu com páginas informativas através de "aplicações", as Facebook APPs.
Com muita frequência vemos muitas empresas ainda com o costume do Orkut, possuírem apenas perfis no Facebook. Isso traz muitas desvantagens, tais como:
É necessário autorizar as pessoas que solicitam amizade com seu perfil empresarial;
Não é possível construir um menu personalizado, nem inserir APPs no seu perfil;
As informações do seu perfil terão características de uma pessoa, ou seja, imagine um perfil de empresa onde você tenha que preencher informações como: sobre mim, lugares onde trabalhei, estudei, gostos musicais, família, etc.
Não é possível aproveitar os recursos de anúncios que o Facebook oferece muito menos acesso aos relatórios de visitas detalhados (e gratuitos);
Perfis possuem um número limite de amigos;
Algum dia o Facebook pode remover seu perfil empresarial sem aviso prévio.
Mas a boa notícia para quem já começou por este caminho do perfil é que, há pouco tempo, o Facebook liberou uma fantástica ferramenta que simplesmente transfere todos os amigos de um perfil automaticamente para "curtidores" de uma página.
Saiba mais em: https://www.facebook.com/pages/create.php?migrate
Um pouco mais de teoria (é importante)
Há alguns meses atrás, o Facebook disponibilizava como ferramenta de construção de "abas" uma linguagem própria chamada FBML (Facebook Markup Language). Mas era possível também desenvolver um APP (http://www.facebook.com/apps/directory.php) utilizando páginas hospedadas em seu próprio servidor, sendo apenas "puxadas" para dentro de um IFRAME.
Só que o FBML, por ser uma linguagem própria do Facebook, também possuía diversas limitações e regras, como por exemplo, a impossibilidade de você usar jQuery, fora uma leve curva de aprendizado. Então recentemente a linguagem foi extinta e agora só é possível desenvolver páginas personalizadas utilizando os Facebook APPs.
Então basicamente para construirmos nosso site no Facebook precisaremos:
Criar uma página: http://facebook.com/pages/create.php
Fazer um cadastro como desenvolvedor de APPs no link: http://facebook.com/developers
Ter pelo menos 25 pessoas curtindo sua página (com esse número mínimo podemos atribuir uma URL personalizada. Ex.: www.facebook.com/minhapagina);
Construir páginas HTML já fatiadas e hospedadas em um servidor próprio que serão "puxadas" através da URL absoluta;
Estratégia e criatividade (não basta apenas dizer que tem uma página no Facebook pra fazer pinta de bacana, faça com estratégia).
Agora sim! Mãos à obra!
A parte mais trabalhosa de todo o processo de construção sem dúvida é produzir cada página que será a "aba" do seu menu. O restante será apenas configurar cada uma delas como um APP e em seguida atrelar à página desejada (uma mesma APP pode ser atrelada a diversas páginas ao mesmo tempo desde que você seja o administrador delas).
O primeiro passo é montar o layout de cada página respeitando as medidas e limites de onde elas serão inseridas no Facebook, conforme modelo abaixo:
Basicamente o layout do Facebook disponibiliza uma área com largura limitada (a altura é livre) com um IFRAME que irá exibir dentro de si cada página do menu.
Recomendo que ao criar suas páginas em seu próprio servidor, separe cada uma em uma pasta com seu respectivo nome. Ex.: /home, /contato. Mais na frente veremos por quê. Não tenha restrições, pode usar jQuery, linguagem de programação, Flash, o que bem entender. Tudo o que rodar dentro de um IFRAME funcionará sem problemas.
Monte um HTML com o CSS, tudo prontinho no seu servidor já publicado on-line. Agora vamos à nossa área de desenvolvedor (http://facebook.com/developers) para criar um novo APP:
Clique no botão "+ Set Up New App":
Dê um nome para seu APP (página) e leia os termos do Facebook antes de continuar:
Depois de validar o captcha, iniciaremos a configurar nossa APP.
Nesta primeira orelha de configurações você preenche as informações gerais de sua APP como descrição, idioma, e-mails de contato, etc. Você também pode usar um ícone personalizado no formato 16×16 pixels, em GIF ou PNG. Se não quiser preencher tudo, podemos seguir para a próxima orelha.
Nesta segunda orelha de configurações saberemos qual nosso "Application ID" (guarde este número, pois usaremos mais à frente). No campo "Site URL" coloque a URL principal do seu site. ex.: http://www.meusite.com.br. Caso use subdomínios, preencha o campo "Site Domain":
Agora é a etapa mais importante, vamos configurar a integração da sua APP com a página do Facebook. Em "Canvas Page", você definirá um nome único para sua URL de APP que também poderá será acessada diretamente, sem precisar da página do Facebook. Ex.: http://apps.facebook.com/minha_pagina
Em "Canvas URL" você deverá preencher com a URL completa da página hospedada em seu servidor. Lembra que recomendei colocar cada página em uma pasta? O motivo é que a URL não poderá citar um nome de arquivo como por exemplo: http://meusite.com.br/home.php, mas sim uma pasta. Para evitar que o Facebook exiba um alerta sobre mudança de protocolo seguro, coloque também a URL segura da página de seu servidor. Ex.: https://
meusiteseguro.com.br/home.php
Em "Tamanho do IFrame" é importante definir a opção "Auto-resize" para que o IFRAME da página não tenha uma barra de rolagem. Mais à frente veremos a solução deste problema.
Mais abaixo, em "Page Tabs", você definirá o nome da "aba" que ficará no menu e repetir as URLs do seu servidor inseridas no passo anterior em "Link da guia" e "Secure Tab URL":
As demais orelhas de configuração são opcionais e mais avançadas, logo clicaremos em "Salvar Alterações" e seguiremos para o último passo que será atrelar a APP a uma página que você seja administrador. Clique em "Application Profile Page":
Estamos na página independente da APP. É aqui que faremos o processo final de atrelar a APP à página no Facebook. Clique em "Adicionar à minha página". Serão listadas as páginas que você administra. Basta clicar no botão de cada página que você queira inserir a APP como aba e pronto!
O procedimento é burocrático, mas necessário, e você deverá repetir todo o processo para cada nova aba de seu menu. Qualquer alteração feita nas páginas, no seu próprio servidor será refletido automaticamente na página do Facebook.
O Facebook por padrão estipula uma altura fixa para o IFRAME que "puxará" suas páginas. Logo, você vai perceber que uma barra de rolagem será gerada devido ao excedente de altura. Por sorte ele também oferece a solução com uma função própria em Javascript que ajusta automaticamente a altura do IFRAME conforme a altura do conteúdo da sua "aba". Insira o código abaixo logo após o <body> de cada página:
appId  : ID_DA_SUA_APLICAÇÃO (Application ID),
Não se esqueça de inserir seu "Application ID" que você anotou anteriormente no parâmetro appId.
Por enquanto é isso. No próximo artigo veremos como utilizar informações do perfil do usuário que visita sua página para torná-la mais atraente, sociável e permitir uma navegação totalmente personalizada e estratégica.
Deixe um comentário! 132
26 de maio de 2011 às 10:48
Parabéns, muito didático e interessante o seu artigo.
Ted k disse:
26 de maio de 2011 às 11:37
Retirei algumas dúvidas sobre o assunto com esse post. Valeu Arthur
26 de maio de 2011 às 12:18
Obrigado pessoal! Se faltou alguma coisa podem falar!
16 de abril de 2012 às 9:58
Bom dia Arthur, mandei um email pra voce como: Artigo desenvolvendo um site no facebook.
26 de maio de 2011 às 12:19
Talentos de nossa Terrinha das Alagoas !
Henry Muniz disse:
Show, mt bom!
26 de maio de 2011 às 12:34
Parabéns : D Realizei uns testes e está funcionando :D
http://www.facebook.com/Lokamisa.camisetas?sk=app_224542707571159
Wallace Erick disse:
26 de maio de 2011 às 14:45
Curti, parabéns!
26 de maio de 2011 às 15:21
Excelente! Flavio parabens tbm, ja esta fungando. Uns ajustes aqui e ali estará perfeito.
Rafael stanley disse:
Parabéns pelo artigo, realmente a didaica está excelente. Uma correção, o facebook já aceita jQuery.
26 de maio de 2011 às 17:07
Excelente artigo, estava procurando uma documentação desta para fazer o site da minha empresa no facebook. Encontrei vários, mais esse foi o melhor. Aproveitem e enviem videomail pra galera: http://www.euvexxo.com
26 de maio de 2011 às 17:26
Agora e ler a documentação para aprender a fazer muito mais!
http://apps.facebook.com/vitorgga/
Adilson Pereira da Rosa disse:
22 de fevereiro de 2012 às 3:39
Olá @VitorGGA,
colega eu fiz uma aplicativo para o facebook. Porém quando entro no aplicativo pela primeira vez o aplicativo pede as permissões para acessar meus dados, porém a URL de retorno sai fora do facebook e vai para o meu site, queria fazer igual você fez nesse app que criou: http://apps.facebook.com/vitorgga/, depois que dou a permissão ele continua no facebook. Já olhei nas configurações do aplicativo mais não consegui fazer funcionar. Se pode me ajudar agradeço.
26 de maio de 2011 às 23:33
Vale salientar que, ao contrario do que muita gente pensa, o Facebook apaga mesmo perfis empresariais que nao forem criados como "paginas". Tivemos essa experiencia, eles nao avisam nada e tambem nao temos como recuperar os dados. Parabens pela postagem Arthur, completa e esclarecedora.
Tony, obrigada por deixar essa informação útil aqui!
Marcio Fernando Sena Silva Fernando disse:
27 de maio de 2011 às 8:26
Parabéns pela dica. Muito bom
27 de maio de 2011 às 10:28
Kara seu post foi muito útil vlw mesmo!!!
27 de maio de 2011 às 10:55
Howard Cruz Roatti disse:
Parabéns pelo post, será muito útil. Só uma dúvida/observação: como fazer para, no caso das pessoas que estão em locais que o acesso as redes sociais não é permitido, acessarem a página criada no facebook?
27 de maio de 2011 às 16:11
Olá Howard, infelizmente se o domínio de uma rede social como http://www.facebook.com por exemplo estiver bloqueada na rede, não é possível acessar o site.
Por isso é importante usar o Facebook de forma estratégica.
Uma vantagem também da página é que a pessoa não precisa estar logada ou possuir uma conta no Facebook para visualizá-la.
bloqueada??
cê quer acessar do trabalho é?
28 de maio de 2011 às 14:16
Rodei muito pela Internet.
Esse seu artigo foi a chave prá mim.
Agora vou ter que acender a luz do quarto aberto. :)
Vlw, aguardo a(s) continuações do artigo.
Alê Borba disse:
28 de maio de 2011 às 21:26
29 de maio de 2011 às 11:53
O facebook não aceita mais FBML?
e aquele lances de pagina privacy alguma coisa ? é obrigatorio?
29 de maio de 2011 às 19:52
Não, o link de Privacy Policy (Política de Privacidade) não é obrigatório, mas é importante.
Sidney Lins disse:
29 de maio de 2011 às 15:52
Mas tentei acessar um link que vi mais acima (http://apps.facebook.com/vitorgga/) e ele pede sim o login e senha.
Não tem como ser acessada sem login no fb?
No caso dessa página ele exige login pois o aplicativo está solicitando informações do perfil do usuário. Mas caso não seja necessário, a página é pública sim.
29 de maio de 2011 às 20:30
Maneiro, vou dar uma olhada com calma mais tarde.
Eu sou um desenvolvedor meio velho.
E tenho como norma, testar as coisas sempre primeiro em ambiente de teste.
Portanto to esbarrando na dificuldade de ter primeiro + de 25 curtidores.
na página onde quero implementar os testes.
Dá prá vcs que desenvolvem como eu darem uma força?
Deem uma curtida em:
http://www.facebook.com/pages/Sonho-Teste/192751860771838
Excelente matéria, parabens mesmo.
Olá Pessoal, legal a matéria..ja utilizo essa técnica mas ainda não conheço as ferramentas de interação com perfils..e tbm não sabia da opção para mudar o tamanho do IFRAME.. isso erá um problema hehehe!!!
http://www.facebook.com/burigotto?sk=app_212162495472697
Parabéns Arthur.!!!
Caio de Oliveira Cares disse:
Existe outro modo de evitar que gere a barra de rolagem.
No css na tag body {} insira o tamanho do aplicativo Ex: height: 900px; e acrescente overflow:hidden;
E acrescente esse codigo no final da página!
E pronto, tua página sem scrollbar! =D
1 de junho de 2011 às 11:21
Muito Legal, me ajudou muito para montar a fã pege da empresa. parabéns
Paulo Victor Felix Rodrigues disse:
31 de maio de 2011 às 18:17
Muito Bom esse artigo não conhecia essa ferrameta show de bola vou ate colocar no meu blog vlw Arthur Paredes
2 de junho de 2011 às 16:52
Muito legal cara, parabens.
http://procopiomesquita.blogspot.com/
Felipe Domeneguetti disse:
Nesses últimos dias recebi a proposta de reformular um site de uma empresa, estava de olho nas fanpages e fiz a proposta de criar o site dentro do facebook, entao fui garimpar na internet sobre, estou usando APPs como o PageModo e o StaticIframe, vcs acham melhor criar os próprios aplicativos ou utilizar de recursos prontos pensando na fácil manutenção do administrador da fanpage.
excelente post, parabéns !
Luiz Claudio Pimenta Ramos disse:
10 de junho de 2011 às 9:27
Parabéns amigo, estamos querendo fazer uma aplicação que utilize o Facebook, para discutir temas, e iremos contar com o seu apoio se possível.
21 de junho de 2011 às 17:34
Realmente bastante didático. A galera aqui no estúdio manda parabéns.
22 de junho de 2011 às 16:54
alguém poderia dar uma ajuda !
ao tentar incluir uma nova APP (botão "+ set up new app") ele pede o número do cel !
ja tentei inúmeras vezes e nada… existe alguma distinção quanto a operadora ou sei lá o que ????
Valdênia Andrade disse:
29 de junho de 2011 às 18:13
Fernando, isso tabmém aconteceu comigo.
Você deve colocar o DDD da cidade mas, mesmo assim, não chega nada no celular.
Tive que cadastrar meu cartão de crédito. Que nesse caso, não tem problema.
gustavo oller disse:
5 de agosto de 2011 às 19:34
pelo q eu vi, aceita claro, tim e nextel… se eu estiver errado, me corrijam pq eu não usei pelo cel…
Aqui já tentei Claro e CTBC, mas não recebo o código nem com reza brava.
29 de agosto de 2011 às 14:48
Olá, eu também estava tendo problemas em fazer essa validação pelo celular porque eu não recebia o código. Minha operadora é Claro e eu recebi o código para validação depois de 2 dias do envio da solitação. Demorou, mas funcionou.
Muito bom esse tutorial. Estava com problema de auto-resize e com essa ajuda, consegui entender.
Rogério S. Gomes disse:
4 de julho de 2011 às 10:29
Muito bom esse artigo.. porém fiz tudo conforme o passo a passo e aparece um erro 405 no Facebook.
Se eu utilizar o endereço direto no navegador, a página funciona.
Juliano Grahl disse:
Muito bom. Eu quero aproveitar e pedir uma sugestão para o aplicativo que desenvolvi.
Eu fiz todo o processo sugerido e e está ok, o que eu preciso é que o cliente que instalar o aplicativo faça um login no meu site para que eu possa redirecionar o conteúdo web dele. Ou seja cada cliente que instalar o App na sua pagina terá que fazer login(codigo e senha do site) apenas a primeira vez e depois todos os visitantes da fan page dele verão o conteúdo que vir;a do site. O mesmo aplicativo tem que funcionar para todos os clientes .
20 de julho de 2011 às 0:36
Olá. Sabe como testar se a fanpage está sendo curtida, para colocar um banner pedindo pra pessoa curtir??
Já vi isso em várias fanpage mas não consegui ainda…
5 de agosto de 2011 às 18:01
Definitivamente muito bom a matéria!
Só estou com problemas com a barra de rolagem, apliquei as 2 sugestões sugeridas mas infelizmente continua com a barra!
alguém poderia me ajudar? segue o link
http://www.facebook.com/pages/Filosofia-Digital/251021958260862#!/pages/Filosofia-Digital/251021958260862?sk=app_126799630748065
Olá, estou com problemas na hora de confirmar minha conta com numero de telefone, possuo um numero claro portado da brasil telecom, alguém esta ou teve o mesmo problema e conseguir sanar o problema?
12 de agosto de 2011 às 12:15
Pessoal, o Facebook mudou totalmente a interface da criação de aplicativos, logo pode ser que algumas pessoas tenham dificuldades em se guiar pelo artigo.
Estou providenciando uma atualização das telas do artigo para facilitar para vocês, ok?
Alguma dica para o pessoal que não consegue confirmar a conta. Comprei o chip de uma terceira operadora (CTBC, Claro, e TIM), e nada. Tem alguma ideia?
12 de agosto de 2011 às 15:57
Oi Davi, também tive dificuldades com a validação pelo celular, acabei usando a validação pelo cartão de crédito e funcionou sem problemas.
15 de agosto de 2011 às 9:32
Obrigado pela resposta Arthur. Fianalmente consegui pela TIM.
Mezaki Barbosa disse:
29 de setembro de 2011 às 11:21
Oi Arthur estou com dificuldade porque mudou os aplicativos do facebook. Ajuda plz
Guilherme Schumacher disse:
12 de agosto de 2011 às 14:56
oi Arthur blz? Parabéns pelo artigo.
e a largura, qual é a ideal?
php funciona dentro do iframe?
12 de agosto de 2011 às 15:58
Oi Guilherme, tem no artigo, a largura máxima é 520px.
Sim, qualquer linguagem funciona no iframe, você apenas 'puxa' uma página comum de seu site dentro do box.
dããã acabei de ver q vc escreveu a largura na imagem =D
mas e o php? (pois estou pensando em como implementar ecommerce diretamente no iframe)
12 de agosto de 2011 às 15:13
Não sou o Arthur, mas talvez ajude… Sim, funciona normalmente. Qualquer coisa que você conseguir rodar dentro do seu servidor, vai aparecer no iFrame.
13 de agosto de 2011 às 9:18
Thiago Kuin disse:
14 de agosto de 2011 às 18:00
Parabéns… ótimo artigo, já vou colocar em prática!
14 de agosto de 2011 às 22:34
Muito bom vou começar a desenvolver paginas em facebook
26 de agosto de 2011 às 0:34
Parabens Arthur, muito bom o tuto!
Gostaria de saber se vc sabe como desenvolver um app talvez para fazer com que um topico do grupo seja fixo(sempre permaneça em cima)
felipe huggler disse:
26 de agosto de 2011 às 1:22
Pra deixar a página com esse formato – http://apps.facebook.com/vitorgga…que fica um pouco maior, qual é o eskema?
Excelente artigo, mais uma vez provando a maestria do Imasters em conteúdos direcionados!
14 de setembro de 2011 às 16:14
Parabens Arthur,
adorei o artigo, mas gostaria de pedir uma ajuda. Alguem já conseguiu colocar algo diferente na página, um teste se o usuário já está curtindo a página?
A minha idéia era colocar um banner na página com um recado "verificamos que você ainda não está curtindo nossa página. Clique em curtir no topo da pagina".
1 de outubro de 2011 às 0:10
quando utlizei o recurso para pegar pessoas do meu perfil no facebook e coloca-las como curtidores da minha pagina (https://www.facebook.com/pages/create.php?migrate), nao consegui mais visualizar a pagina do meu pefil direito.
Quando acabo de me logar no facebook, vejo minha pagina da meneira como aparece na imagem abaixo.
Nao consigo ver mais a pagina do perfil padrão do facebook.
vanessa lago machado disse:
4 de outubro de 2011 às 14:19
Olá José, não sei se ajudo muito, mas ao migrar seus amigos como curtidores voce transformou seu perfil em empresarial. Ao fazer isso não tem como reverter (até onde eu sei). E a página inicial são gráficos de como estão as páginas a qual sua "empresa" possui.
Por isso este recurso é aconselhável apenas a empresas.
marciodjesus disse:
11 de outubro de 2011 às 17:23
Olá eu criei uma página, mas não consigo tirar a barra de rolagem, podes me ajudar?
http:facebook.com/pgmarciodjesus
Opah perdão! Esqueci de agradecer pelo post…Valew Artur
JãoZão disse:
9 de novembro de 2011 às 12:14
Quanto você me cobraria para criar uma pagina para minha empresa?
Websitesbh disse:
Faça com a websitesbh
28 de novembro de 2011 às 13:56
Olá Jorge. entre em contato com seus objetivos para que possamos lhe ajudar.
10 de novembro de 2011 às 12:12
Parabéns! Me salvou.
Muito bom mesmo seu artigo.
Já tentei fazer alguns testes, mais desconheço totalmente essa linguagem da Internet, estou procurando algum que domine este processo de criação de fan page para que possa criar uma para minha loja virtual. Alguem aqui cria fan pages? Fico no aguardo.
28 de novembro de 2011 às 13:47
Olá Carlos. entre em contato com seus objetivos para que possamos lhe ajudar.
Olá. fiz a página da minha empresa e personalizei o endereço. Sei que existe como acessar a aba inicial sem que a pessoa esteja logada, mas não consigo fazer isso de jeito nenhum.
21 de novembro de 2011 às 8:11
Bom dia. Consegui criar a app, mas não consigo atrelar à página no Facebook. Não encontrei a opção "Adicionar à minha página", como você apresentou no tutorial.
Tem alguma sugestão para o meu caso?
Eduardo Walmott disse:
Sarah, depois de criada a app, na página de desenvolvedor, clique em Aplicativos, irão ser listados a esquerda todos os aplicativos que você já desenvolveu. Clique sobre o aplicativo que vc quer atrelar, logo em seguida no canto superior direito será exibido um botão Editar aplicativo, clique nele, serão exibidas todas as configurações feitas no aplicativo, no canto inferior esquerdo aparecerão alguns links, clique sobre View App Profile Page, vc será direcionada à página do aplicativo, ainda no canto inferior esquerdo agora vai aparecer o link Adicionar à minha página, pronto!
6 de dezembro de 2011 às 22:39
Fiz uma página experimental sobre um assunto que gosto e pratico, ainda estou desenvolvendo, mas já dá uma idéia de como fica:
http://www.facebook.com/galeradopoker
Para minha empresa estou usando atualmente o Pagemodo, mas já estou desenvolvendo em PHP para 2012 lançar aplicativo próprio e personalizado.
30 de maio de 2012 às 9:13
Caro Eduardo, Acho que o facebook mudou as telas… Não estou encontrado a opção: View App Profile Page, você onde encontrar nesse novo leaite??? Obrigado
Quero te agradecer pelo post, pois foi através dele que consegui fazer meu app, é preciso ter mais pessoas como você na internet, que possuem boa vontade e compartilham o conhecimento.
Só um detalhe, o Facebook fez uma atualização, pois a interface não é a mesma, demorei um pouco para encontrar os campos que você falava, mas de qualquer forma você me ajudou muito!
2 de dezembro de 2011 às 17:15
Opa, estou com problemas, fiz tudo o que consta nesse tutorial, dai esta tudo tranquilo, mas so eu que vejo e ninguem mais. Pq isso esta acontecendo? Obrigado.
https://www.facebook.com/pages/Divullg/171539209555749?sk=app_132213903514624
8 de dezembro de 2011 às 11:27
Muito útil este tutorial. Estava com problemas com a altura do canvas. agora consegui resolver.
Fabio Aurélio disse:
Seria possivel ter um exemplo de html chamando não uma pagina simples mas um aquivo em flash para esta app?
marcos missi disse:
9 de janeiro de 2012 às 9:43
Lucaino Almeida disse:
21 de janeiro de 2012 às 22:45
Não consegui passar dessa etapa.
"Fazer um cadastro como desenvolvedor de APPs no link: http://facebook.com/developers"
Trágico! Trágico!
Bruno Stersa disse:
25 de janeiro de 2012 às 13:19
Olá, não consigo encontrar a opção para publicar o app em determinada página.
E quando sai um novo tutorial com a versão mais nova das telas, pois o face mudou.
25 de janeiro de 2012 às 13:45
Secure Canvas URL must use SSL and begin with https.
Então todos os apps tem que estar hospedados com certificação HTTPS ?
Se não, não funciona ?
28 de janeiro de 2012 às 2:00
Eu tb gostaria de saber disso, estou com o mesmo problema.
Helison Santos disse:
Bom até onde consegui pesquisar o SSL agora é obrigatório.
25 de janeiro de 2012 às 15:06
Como burlar o Htpps ?
Parabéns pelo artigo! Muito didático.
1 de fevereiro de 2012 às 4:46
Parabéns pelo artigo! Segui o passo a passo, porém me deparei com um problema que não consigo concretizar a criação.
Fiz todo procedimento, porém na hora de atrelar a APP junto a página ocorre que quando acesso o aplicativo ele aparece somente a página da APP sem meus menus da página do fanpage.
Se alguém puder me ajudar fico no agrado de coração…
Página: http://www.facebook.com/pages/GSF-Tecnologia/327030877335672
Aplicativo: http://apps.facebook.com/gsftecnologia/
Seria possível usar códigos PHP dentro da página para conectar um banco externo por exemplo?
Sim, eu estou usando meu BD para fazer uns testes na minha fanpage, e esta funcionado legal.
Alguém poderia postar algo aqui sobre a questão do conteúdo liberado somente apos o user curtir a página.
Agradeço desde já,e parabéns pela postagem muito completa.
3 de fevereiro de 2012 às 1:02
Não consegui atrelar a APP na minha página. Alguém poderia me ajudar?
30 de maio de 2012 às 9:15
Estou com o mesmo Problema… As telas estão difentes do tutorial, e não consigo atrelar a APP a pagina?
Gerson Valle disse:
11 de fevereiro de 2012 às 15:27
Muito Show!!! Continue assim…
Edmilson F. Santos disse:
Obrigadão camarada! Estou iniciando em programação PHP e a empresa pediu justamente
esse tipo de desenvolvimento. Muito Grato. Valeu?
20 de fevereiro de 2012 às 0:33
Grande site.
Queria saber se me podia ajudar a fazer uma app para facebook.
Parabéns ao imasters e ao Arthur pela matéria! De grande valia!
15 de março de 2012 às 14:48
óla tentei criar uma página no face,mais ñ deu certo.coloquei tds os dados quando fui prosseguir,aparece um aviso falando p eu colocar cidade e estado.obs:mais esses dados eu ja havia colocado.alguem pode me ajudar?
27 de março de 2012 às 20:11
Uma dúvida se voce pode me responder. A URL da Canvas e page, como faço para no lado do servidor (uso php) proteger esses endereços de acesso direto? (tipo direto do navegador) Obrigado
5 de abril de 2012 às 13:49
Excelente, isso vai me ajudar muito! Quando sai o próximo artigo?
Eron Venter disse:
12 de abril de 2012 às 16:22
Muito bom o artigo, porém acho que poderia ter uma nova versão, pois desde então o Facebook mudou bastante, desde o passo inicial para criar um aplicativo até a disposição do conteúdo do novo formato de fan page.
12 de abril de 2012 às 18:41
Excelente mesmo, pela didática. Pelas respostas, vejo que está muito claro para todos. E fica óbvio que não basta vontade de fazer. Tem que saber fazer.
Eu queria criar uma página no Facebook mas estou vendo que isso não é para mim.
Depois de ler seu post, percebi que sou 150% leigo.
Hoje não está funcionando mais, o facebook mudou seu modo de configuração de APP, não consegui montar
Carlão Batista disse:
Otimo post parabens… porem pergunto a vc. Ainda é possivel por em pratica todo esta sua orientação ou o APP do facebook foi modificado como citado logo acima pelo colega Andre??
Boa tarde, gostaria que falasse mais sobre hospedar o site em outro servidor, e também sobre a URL Absoluta, e também se para cada quantidade páginas que tiverem o meu site, vou ter que criar a mesma quantidade de páginas no facebook? ou se ele já cria o processo sozinho, também poderia utilizar a mesma técnica para criar um site ou melhor aplicativo do tipo Market Place?
teix disse:
22 de maio de 2012 às 16:22
Obrigado e parabens, Arthur. Materia pertinente, otima explanação! (Ficam contudo algumas questões no ar que só um pouco de pratica resolverá..)
Fábio Belleza disse:
Boa noite, estou iniciando com criação de páginas e testei a que o Wix dispõem para o facebook é possivel eu utilizar a app do face para já add a página que criei pelo Wix?
30 de maio de 2012 às 9:17
Alguem conseguiu usar este tutorial no novo formato da APP do Facebook?
Esta diferente e não consigo atrelar a APP a Pagina…
Mario Veloso disse:
7 de junho de 2012 às 18:51
Estava andando em circulos para aprender a criar um aplicativo, até que encontrei este tuto.
Jackson C. Lopes disse:
Acredito que essa monopolização da internet no facebook só tende a piorar para pequenas empresas. Por exemplo na criação de sites. Sabemos que ja existem mtas maneiras de criar um site gratuitamente, porém conseguir uma boa divulgação do mesmo e uma boa apresentação é outra coisa. Creio que o facebook por mais limitado que sejam por enquanto as opções, é uma questão de tempo ele atualizar e melhorar, facilitando mais ao usuario criar seu site. Ele se camufla de "gratuito" até que vc possa "melhorar" sua divulgação pagando pelo serviço, assim como é o google (que ainda possui um pouco de bom senso). Todos podem achar que isso é uma boa, pois não precisar pagar para criar sites, ou não pagar para utilizar softwares de gerenciamento do seu empreendimento será lucrativo, mas quem perde com isso não é apenas as empresas de webSites, mas são todas as pequenas empresas, pois o facebook não tomará apenas o emprego do webdesigner ou programador, mas de todas as outras "soluções" que o facebook trará. Creio que deveria haver um bom senso destas empresas gigantes como é o facebook. Quero deixar claro pra quem não entendeu, é que daqui a pouco o facebook tomará conta do seu emprego, indiferente do que vc trabalha, o facebook não possui limites. Parece ilusão pensar desta maneira mas é só vc estudar um pouco sobre como a tecnologia tem tomado o emprego das pessoas, antigamente não imaginavam que robôs fariam os serviços de humanos, ingenuos os que pensavam. Sei que devemos dar um jeito de nadar junto com a maré, nos atualizarmos, melhorar nosso curriculo, mas quem é que não pretende abrir e investir no seu empreendimento? Sei que todos deveremos buscar contornar com "nossas soluções", mas vc acha que sua pequena empresa terá alguma chance contra um gigante? Eu acho que deveria ser proibido o facebook comprometer empregos ou prejudicar as pequenas empresas.
22 de junho de 2012 às 13:53
Como criar um aplicativo para a pagina do facebook?
20 de agosto de 2012 às 2:01
Parabéns pelo post, se trata exatamente do que preciso, porém o que está me barrando é
"Sua conta deve ser verificada antes que você possa fazer isto. Por favor, verifique sua conta adicionando seu celular ou cartão de crédito."
Coloquei o número do meu celular corretamente porém não recebi o código de confirmação. Não sei como proceder, você sabe como me ajudar?
Galera, ótimo post.
Só uma pergunta de um iniciante, rsrsrs
Qual é a diferença? Pois entrei em quase todos os links do post e não vi deferença nas páginas do pessoal, alguém poderia postar uma página modificada para eu poder visualizar?
Este post é de 2011, então como faria isso hoje? A forma de fazer isto mudou? parabéns pelo post!
mayara araujo disse:
hum……………………………………………………………………………………}
12 de janeiro de 2013 às 16:06
Até que enfim encontrei algo bom sobre app no FB, mas tenho uma dúvida:
Tenho um perfil no FB. Como faço para criar uma fan page para minha empresa? Dentro do meu perfil clico em "cria página" ou faço logoff e crio uma página independente?
24 de janeiro de 2013 às 23:49
Mais eu tenho um duvida onde esta o nome "application profile page" ? eu não achei não esta na pagina por favor me ajude!!
Amigo, estou tentando colocar joguinhos online em minha fanpage, estou indo para o aplicativo de jogos mas não consigo importa-los para coloca-los nas abas de destaque, somente consigo importa-los para a página inicial, tem como me ajudar?
Outra coisa tenho 02 páginas no face, uma de perfil e uma de fan page, como faço para importar somente os amigos para minha fan page, pois não quero importar as fotos e demais itens da página do perfil.