Login Rede Social - Facebook

Modificado em Ter, 9 Mai, 2023 na (o) 2:30 PM

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

Para definir as configurações gerais de extensão, vá para → Sistema → Configuração → Amasty Extensions Ajax Login.


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. 





Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo