Login Rede Social - Facebook

Olá

O login rápido e fácil é uma solução de trabalho para aumentar o número de clientes cadastrados e melhorar sua experiência.

• Reduz o tempo de cadastro dos clientes
• Oferece a possibilidade de fazer login através de contas sociais
• Permite que os clientes recuperem senhas facilmente
• Permite autorização sem visitar a página de registro
• Permite redirecionar clientes para qualquer página

1 - Criação do Aplicativo do Facebook

2 - Configurações Gerais

3 - Configurações do Facebook Login

1 - Para criar um aplicativo do Facebook, acesse https://developers.facebook.com/apps

Em seguida, clique no botão 'Criar aplicativo'. 

Escolha o tipo de aplicativo 'Consumidor' na lista e clique em 'Avançar'.

Especifique o nome do aplicativo, seu e-mail de contato e uma conta do Gerenciador de Negócios, se você já tiver uma (opcional). Clique no botão Criar aplicativo.

Insira a senha de sua conta Facebook

Clique no botão 'Configurar' no cartão de produto de login do Facebook para prosseguir.

Em seguida, navegue até o menu esquerdo em Configurações → Básico no menu à esquerda e preencha os campos correspondentes.

O ID do Aplicativo e a Chave Secreta do Aplicativo serão gerados automaticamente (guarde estes dados - pois serão usados na configuração do módulo) . Preencha o campo Domínios do aplicativo com o domínio raiz de seu site,  URL da Política de Privacidade, URL dos Termos de Serviço, Ícone do aplicativo  e escolha a Categoria.

Certifique-se de configurar o campo 'Exclusão de dados do usuário'.

De acordo com o Facebook: Os aplicativos que acessam os dados do usuário devem fornecer uma maneira de os usuários solicitarem que seus dados sejam excluídos. Seu aplicativo pode atender a esse requisito fornecendo instruções para informar as pessoas sobre como excluir seus dados de seu aplicativo ou site.

O Facebook oferece duas formas de configurar este campo:

1 - Especificar a URL de retorno de chamada de exclusão de dados ou

2 - Especificar a URL de instruções de exclusão de dados.

Para seguir as diretrizes de proteção de dados do Facebook por meio da extensão Social Login, selecione a 'URL de instruções de exclusão de dados'.

Para obter esse URL, crie uma página CMS separada para seus clientes, onde você descreve o processo de como eles podem solicitar a exclusão de seus dados de seu site ou pode estar inserindo a URL da página Fale Conosco de seu site se preferir.

Se for utilizar uma página CMS, recomendamos descrever as seguintes informações na página CMS de proteção de dados:

Adicione as instruções sobre como entrar em contato com o administrador do site para obter mais processos de exclusão de dados a fim de estar excluindo a conta do cliente do site caso ele deseje.

Permanecendo na seção 'Configurações → Básico' role para baixo para clicar no botão Adicionar plataforma para escolher a plataforma para seus aplicativos sociais.

Depois de clicar no botão Adicionar plataforma, você verá a grade com vários tipos de plataforma. Selecione Website e clique em Avançar.

Depois de especificar o tipo de plataforma, insira a URL do seu site e clique no botão Salvar alterações.

Ative o Login OAuth do cliente e preencha os URIs de redirecionamento OAuth válidos no menu Login do Facebook → Configurações.

Será necessário inserir o URIs de redirecionamento do OAuth válidos. Ele é seu domínio raíz (ex: https://www.seusite.com.br) com a url final /amajaxlogin/facebook/index/ (ex: https://www.seusite.com.br/amajaxlogin/facebook/index/). 

Também será obrigatório marcar a opção Entrar com o SDK do JavaScript como Sim e inserir seu domínio raiz em Domínios permitidos para o SDK do JavaScript. Após inserir clique no botão Salvar alterações.

Por padrão, o aplicativo tem acesso padrão a public_profile. Para usar o login do Facebook,  iremos mudar public_profile para Advanced Access. Para isso iremos acessar no menu: Análise do aplicativo → Permissões e recursos.

Procure por public_profile e clique no botão Obter acesso avançado.

Irá lhe mostrar um pop-up com instruções. Leia, concorde com os termos e clique em Confirmar. 

Digite sua senha novamente conforme solicitado.

Note que agora public_profile ficará com Advanced acess.

Agora só falta alterar o Status de em desenvolvimento para Ao vivo.

Um alerta será dado para Concluir a Verificação de Uso de Dados. Clique em Iniciar verificação.

Leia as instruções dadas pelo facebook e cheque  no campo “Certifico que todo o uso de public_profile está em conformidade com o uso permitido.” Clique em Continuar.

Outras instruções serão dadas. Leia e clique no campo “Certifico a conformidade com os Termos da Plataforma do Facebook e com as Políticas do Desenvolvedor, além de todos os outros termos e políticas aplicáveis”. Clique em Continuar

Por fim clique em Enviar

A mensagem de Verificação de Uso de Dados concluída será mostrada.

Agora nos campos apropriados no back-end na configuração do módulo, insira seu ID do Aplicativo e Chave Secreta do Aplicativo nas configurações de extensão geral e salve a configuração. - Explicação mais abaixo

Voltando ao Facebook, será necessário efetuar a verificação da empresa. Para isso iremos acessar no menu: Configurações → Básico e preencher todos os dados de endereço se sua empresa.

Após isso, também nesta tela, na aba Verificação da empresa clique no botão Iniciar Verificação.

Selecione a sua conta do Meta , clique em Iniciar verificação da empresa e faça os passos a seguir conforme as instruções dados pelo Facebook.

2 - Configurações Gerais

Guia Configurações gerais.

Habilitar login do Ajax - habilite ou desabilite a extensão neste campo.

3 - Configurações do Facebook Login

Aqui irá habilitar o Login com Facebook, e Inserir seu App ID e a Chave Secreta do Aplicativo - geradas no primeiro passo. Salve e Faça o Gerenciamento de Cache.

Assim que o App ID e o App Secret forem salvos, você verá o botão social do Facebook colocado na janela pop-up de login.