Configuração do login com o Google

PLANO PLUS +

A extensão de login do Google MemberMouse permitirá que seus usuários criem uma nova associação gratuita usando suas credenciais de login do Google.

Observe que essas instruções podem exigir uma ordem diferente para alguns ou ter uma aparência diferente da mostrada. A interface do desenvolvedor muda regularmente, e cada conta terá requisitos de verificação que podem não ser abordados neste artigo. 

Criação de um aplicativo do Google

A primeira etapa para ativar a extensão de login do Google em seu site é criar um aplicativo do Google. Para criar seu aplicativo, siga estas etapas:

1. Primeiro, você precisa criar um projeto. Para acessar a página de desenvolvedores do Google, visite https://console.developers.google.com/project. Se tiver criado aplicativos do Google anteriormente, você os verá aqui.
   
   Clique em Criar projeto.
   
   
   
   
2.  Você terá que preencher algumas informações sobre seu novo projeto:
   
   
   
   
   Depois de clicar em "Create", você será levado ao IAM e ao administrador do seu projeto.
   
   
   
3. Clique no menu de navegação de três barras no canto superior esquerdo e, em seguida, clique em Credenciais em APIs e serviços.
   
   
   
   
4. Clique em Criar credenciais e ID do cliente OAuth:
   
   
   
   
5. A segunda seção Credentials será carregada:
   
   
   
   
   Origens autorizadas do Javascript: Esse é o URL de seu site base (conforme usado em sua licença do MemberMouse)
   
   URL de redirecionamento autorizado: Esse é o URL que você vê na tela de configuração do MemberMouse Google:
   
   https://yoursite.com/wp-content/plugins/membermouse/lib/hybridauth/?hauth_done=Google
   
   
   Durante o processo de configuração, ele pode solicitar que você vá para uma tela de configuração adicional para definir seu nome e domínio autorizado:
   
   
   
   
   Endereço de e-mail: Este é o endereço da conta do gmail que você está usando
   
   Nome do produto mostrado aos usuários: Normalmente, esse é o nome do seu site. Isso é o que o Google listará na solicitação de acesso para que o usuário confirme.
   
   URL da página inicial: Esta será a página inicial de seu site, é opcional
   
   Logotipo do produto: Seu logotipo é opcional, mas aparecerá na solicitação
   
   URL da política de privacidade: Isso é opcional
   
   URL dos termos de serviço: Também opcional
   
   
6. Depois de concluir a tela de ID do cliente OAuth, clique em Criar. Seu ID e segredo de cliente serão exibidos.
   
   
   
   
   
7. Abra uma nova guia em seu navegador da Web e passe a configurar a extensão de login do Google.

Configuração da extensão de login do Google

Para ativar a extensão de login do Google, siga as etapas abaixo:

1. No menu do MemberMouse, clique em Configurações gerais.
   
   
2. Em seguida, clique no botão Extensões e, na página seguinte, clique no logotipo do Google.
   
   
3. Você precisará fornecer algumas informações do seu aplicativo do Google, além de fazer algumas seleções:
   
   
   
   
   ID do cliente - No painel de controle do projeto do Google.
   
   Segredo do aplicativo - No painel de controle do projeto do Google.
   
   Permitir inscrições? - Se você quiser permitir que novos clientes se inscrevam usando suas credenciais de login do Google, clique nesta caixa. Caso contrário, os membros só poderão fazer login usando suas credenciais do Google, mas não poderão se inscrever para uma nova associação.
   
   Nível de associação - Os clientes só podem se inscrever para um nível de associação gratuito quando estiverem usando suas credenciais de login do Google. Depois de se tornarem membros, eles poderão adquirir uma associação paga. Você precisa selecionar a associação gratuita padrão na qual deseja que os clientes se inscrevam ao usar o Google.
   
   URL de retorno de chamada: - Esse é o URL usado no projeto do Google nas etapas acima.
   
   
4. Clique em Salvar configuração.

Como adicionar o Google Signup e o login ao seu site

Depois de configurar seu site para aceitar o login do Google, você precisa adicionar as seguintes SmartTags para permitir a inscrição e o login:

SmartTag do botão de registro™

O SmartTag™ a seguir gera um botão que os clientes podem usar para se inscrever em uma nova conta:

[MM_Social_Signup_Button provider='Google']


Atributos:

provider - Defina o atributo provider como "all" para gerar botões de inscrição para todos os provedores de login social ativos, ou você pode usar uma tag individual para cada provedor Twitter, Facebook e Google. Por exemplo:

[MM_Social_Signup_Button provider='all']


Atributos opcionais:

membershipLevel - Opcionalmente, você pode usar esse atributo para substituir o nível de associação de inscrição padrão definido acima. Ele usa um ID de nível de associação somente para níveis de associação gratuitos. Por exemplo:

[MM_Social_Signup_Button provider='Google' membershipLevel='2']


Leia este artigo para Saiba como encontrar suas IDs de nível de associação.

Botão de login SmartTag™

O SmartTag™ a seguir gera um botão que os clientes podem usar para fazer login em uma conta existente:

[MM_Social_Login_Button provider='Google']

Atributos:

provider - Defina o atributo provider como "all" para gerar botões de inscrição para todos os provedores de login social ativos, ou você pode usar uma tag individual para cada provedor Twitter, Facebook e Google. Por exemplo:

[MM_Social_Login_Button provider='all']

Solução de problemas

Em alguns sistemas, o URL de retorno de chamada padrão retornará o seguinte erro ao tentar usar o login:




Isso significa que o URL listado não está configurado no Google como um URI de redirecionamento autorizado.

Para corrigir isso, acesse o Console do Google Developers, clique em APIS E AUTH > Credenciais e, em seguida, certifique-se de que o URI na mensagem de erro acima seja colado no campo Redirecionar URIs nesta página. O URI ao qual o Google está se referindo na mensagem de erro precisa ser incluído aqui exatamente como aparece na mensagem de erro.