configuração de um app canvas para o facebook - versão 1 (set/11)

Gerentes de Mídias Sociais

Disciplina: Facebookp

Professor: Gustavo Santos

Copyright (®) E-commerce School

fi ã dConfiguração do seu

/ úsite/conteúdo para seu APP


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.

(htt //d l f b k /d /)(https://developers.facebook.com/docs/)



• Iniciando a configuraçãoIniciando a configuração



• Iniciando a configuração



• Criando um novo APP



• Criando o nome do APP Nome do APPEx: APP de Mídias Sociais

ID do APP (URL)Ex: facebook.com/appmidias

1

pp



• Configurações iniciais do APP (informações básicas)

1



• Configurações iniciais do APPConfiguraçõ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.



• Configurações iniciais (App on Facebook e Page Tab)

1

2



• 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);

f õ ( b)• Configurações iniciais (Page Tab)

• 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).



• Configurações Avançadas (Canvas Settings e Contact Info)

1



• Configurações avançadas (Canvas Settings)

• Canvas Width (760px X Fluid);

• Canvas Height (Setable X Fluid);• Canvas Height (Setable X Fluid);

• Social Discovery (Ativado X Desativado);

• Bookmark URL (URL de destino configuravel).

• Configurações avançadas (Contact Info)• Configurações avançadas (Contact Info)• 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).



• APP configurado



• Visualizando APP através de sua URL http://app.facebook.com/appnamespace


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/

Copyright (®) E-commerce School16

Obrigado


Contato

Gustavo Santos

(11) 8494 0590

[email protected]

/www.facebook.com.br/gutoskull

FanPage – www.facebook.com.br/asterismosweb

Copyright (®) E-commerce School18

configuração de um app canvas para o facebook - versão 1 (set/11)

Entertainment & Humor