O documento fornece instruções sobre como criar um aplicativo no Facebook em 3 etapas: 1) Criar um novo aplicativo no Facebook, 2) Configurar as informações básicas e avançadas do aplicativo, 3) Visualizar e testar o aplicativo por meio de sua URL.

1. Gerentes de Mídias Sociais
Disciplina: Facebook
p
Professor: Gustavo Santos
Copyright (®) E-commerce School

2. Configuração do seu
fi ã d
site/conteúdo para seu APP
/ ú
Copyright (®) E-commerce School

3. Criação de um APP do Facebook
• Conhecimentos necessários: HTML, CSS, JavaScript e PHP/ASP básico;
• Largura: 520 px (Fanpage) ou 760px (URL Exclusivo);
Largura: 520 px (Fanpage) ou 760px (URL Exclusivo);
• Altura: 800px (para altura maiores é necessário o uso de FB.Canvas.setSize);
• Links: procure usar URLs relativas para seu APP;
• Suporte: pesquise as bibliotecas de integração do Facebook.
(https://developers.facebook.com/docs/)
(htt //d l f b k /d /)
Copyright (®) E-commerce School

4. Criação de um APP do Facebook
Iniciando a configuração
• Iniciando a configuração
Copyright (®) E-commerce School

5. Criação de um APP do Facebook
• Iniciando a configuração
Copyright (®) E-commerce School

6. Criação de um APP do Facebook
• Criando um novo APP
Copyright (®) E-commerce School

7. Criação de um APP do Facebook
• Criando o nome do APP Nome do APP
Ex: APP de Mídias Sociais
ID do APP (URL)
Ex: facebook.com/appmidias
pp
1
Copyright (®) E-commerce School

8. Criação de um APP do Facebook
• Configurações iniciais do APP (informações básicas)
1
Copyright (®) E-commerce School

9. Criação de um APP do Facebook
• Configurações iniciais do APP
Configurações iniciais do APP
• ID do APP;
• Logo (75 X 75 px);
• Ícone (“favicon” do aplicativo – 16 X 16);
Ícone ( favicon do aplicativo 16 X 16);
• APP Display Name (nome do aplicativo);
• APP Namespace (http://facebook.com/appnamespace/);
• App Domain (domínio autorizado para o APP);
pp ( p );
• Categoria – Subcategoria.
Copyright (®) E-commerce School

10. Criação de um APP do Facebook
• Configurações iniciais (App on Facebook e Page Tab)
1
2
Copyright (®) E-commerce School

11. Criação de um APP do Facebook
• Configurações iniciais (App on Facebook)
Configurações iniciais (App on Facebook)
• Canvas URL (http://meudominio.com.br/app/exemplo/);
• Secure Canvas URL (domínio seguro do seu APP);
• Configurações iniciais (Page Tab)
f õ ( b)
• Page Tab Name (título da aba);
g ( );
• Page Tab URL (a mesma usada na Canvas URL);
• Secure Tab URL (a mesma do Secure Canvas).
Copyright (®) E-commerce School

12. Criação de um APP do Facebook
• Configurações Avançadas (Canvas Settings e Contact Info)
1
Copyright (®) E-commerce School

13. Criação de um APP do Facebook
• Configurações avançadas (Canvas Settings)
• Canvas Width (760px X Fluid);
• Canvas Height (Setable X Fluid);
X Fluid);
• Social Discovery (Ativado X Desativado);
• Bookmark URL (URL de destino configuravel).
• Configurações avançadas (Contact Info)
Configurações avançadas (Contact
• Privacy Policy URL (Política de privacidade) ;
• Terms of Service URL (Termos do serviço);
• User Support E‐mail e User Support URL (Suporte ao usuário).
Copyright (®) E-commerce School

14. Criação de um APP do Facebook
• APP configurado
Copyright (®) E-commerce School

15. Criação de um APP do Facebook
• Visualizando APP através de sua URL
http://app.facebook.com/appnamespace
Copyright (®) E-commerce School

16. Suporte e referências ‐ Facebook
• Central de ajuda:
http://www.facebook.com/help/?ref=pf
• Documentação Developers (APP):
Documentação Developers (APP):
https://developers.facebook.com/docs/
• Blog dos desenvolvedores:
https://developers.facebook.com/blog/
https //developers facebook com/blog/
16 Copyright (®) E-commerce School

17. Obrigado
Copyright (®) E-commerce School

18. Contato
Gustavo Santos
(11) 8494 0590
gutoskull@yahoo.com.br
www.facebook.com.br/gutoskull
/
FanPage – www.facebook.com.br/asterismosweb
18 Copyright (®) E-commerce School