Introdução


O Google Login é um recurso valioso que permite aos usuários acessarem seu site de forma conveniente, eliminando a necessidade de criar e lembrar senhas adicionais. Ao ativar esse recurso, você simplifica a experiência do usuário, oferecendo aos seus visitantes uma maneira segura e eficiente de fazer login usando suas contas do Google. Este artigo fornece um guia passo a passo para integrar o Google Login ao seu site eDirectory.


Passos para Configurar o Google Login

Passo 1: Acesse o Google API Console

1. Visite o Google API Console.

2. Crie um novo projeto:

  • Clique em "Criar Projeto" diretamente ou selecione "Selecionar um projeto" > "Novo projeto".

Passo 2: Configure Seu Projeto

3. Insira um nome para o seu projeto, de preferência o nome do seu site, no campo "Nome do projeto". Deixe o campo "Localização" como padrão ("Nenhuma organização") e clique em "Criar".


Passo 3: Configure o Google Login

4. Após criar o projeto, selecione-o no menu suspenso no topo da página.

5. No menu à esquerda, clique em "Tela de consentimento OAuth".

6. Clique em "Vamos Começar".

7. Preencha os seguintes campos e clique em "Próxima":

  • Nome do App: Nome do seu site.

  • E-mail para Suporte do Usuário: Seu endereço de e-mail.8. Selecione a opção "Externo" e clique em "Próxima".9. Digite seu endereço de e-mail e clique em "Próxima".10. Marque a caixa de concordância com os termos, clique em "Continuar" e depois em "Criar".


11. Agora, clique na opção "Crie um Cliente OAuth".

12. Selecione "Aplicativo da Web".

13. Configure os seguintes campos:

  • Tipo de aplicativo: Selecione "Aplicativo Web".
  • Nome: Dê um nome como "Login com Google".
  • Origens JavaScript autorizadas: Adicione a URL da página inicial do seu site nos formatos:
    • https://www.teste.com
    • https://teste.com
  • URLs de redirecionamento: Adicione a extensão /sponsors/googleauth.php à URL do seu site. Siga os exemplos abaixo: 
    • https://www.teste.com/sponsors/googleauth.php
    • https://teste.com/sponsors/googleauth.php
  • Clique em "Criar" para finalizar.


Nota: Substitua "teste" pelo domínio do seu site.


Importante: Certifique-se de ter um domínio ativo vinculado ao seu site antes de configurar o login com Google. Entre em contato com a equipe de suporte pelo e-mail [email protected] caso precise alterar o domínio ou confira nosso artigo instrucional para saber mais: Mudança de Domínio: Como devo proceder para mudar o meu domínio?



14. Após criar suas credenciais OAuth, clique na opção "Login com Google".

15. Copie o ID do Cliente e a Chave Secreta do Cliente.

16. Faça login na área administrativa do eDirectory.

17. Vá para "Configurações" > "Opções de sign in".

18. Marque a caixa para ativar o login com Google e cole o ID do Cliente e a Chave Secreta do Cliente nos campos correspondentes e clique em "Salvar Alterações".


19. Agora, volte ao Google Cloud Console e clique em "Branding".

20. Preencha os seguintes campos:


  • Nome do app: Nome do seu site.
  • E-mail de suporte ao usuário: Seu endereço de e-mail.
  • Página inicial do aplicativo: Link da página inicial do seu site.
  • URL da política de privacidade: Link para a página de política de privacidade do seu site.
  • URL dos termos de serviço: Link para a página de termos de serviço do seu site.
  • Domínios autorizados: Clique em "Adicionar domínio" e insira seu domínio sem https ou www (ex.: exemplo.com).
  • Informações de contato do desenvolvedor: Seu endereço de e-mail. 


  • Após preencher todos os campos, clique em "Salvar e continuar".


Nota: Substitua "teste" pelo domínio do seu site.

Conclusão


Integrar o Google Login ao seu site eDirectory melhora a conveniência e a segurança dos usuários, permitindo uma autenticação rápida e confiável por meio de contas do Google. Seguindo este guia passo a passo, você poderá configurar o Google Login com sucesso, proporcionando aos visitantes uma experiência de login mais eficiente.

Certifique-se de que seu domínio está ativo antes de realizar a configuração e revise todas as informações para evitar problemas. Se precisar de ajuda, entre em contato com nossa equipe de suporte pelo e-mail [email protected].

Com esse recurso ativado, você aprimora a experiência do usuário e otimiza o processo de login na sua plataforma.