{"id":8116,"date":"2023-08-15T10:14:16","date_gmt":"2023-08-15T17:14:16","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=8116"},"modified":"2025-02-26T15:29:01","modified_gmt":"2025-02-26T20:29:01","slug":"configurando-o-login-com-o-google","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/documentos-3-2\/configurando-o-login-com-o-google\/","title":{"rendered":"Configura\u00e7\u00e3o do login com o Google"},"content":{"rendered":"<p><a href=\"https:\/\/membermouse.com\/pt\/planos\/\"><mark style=\"background-color:#8ed1fc\" class=\"has-inline-color\">PLANO PLUS +<\/mark><\/a><\/p>\n\n\n\n<p>A extens\u00e3o de login do Google MemberMouse permitir\u00e1 que seus usu\u00e1rios criem uma nova associa\u00e7\u00e3o gratuita usando suas credenciais de login do Google.<\/p>\n\n\n\n<p>Observe que essas instru\u00e7\u00f5es podem exigir uma ordem diferente para alguns ou ter uma apar\u00eancia diferente da mostrada. A interface do desenvolvedor muda regularmente, e cada conta ter\u00e1 requisitos de verifica\u00e7\u00e3o que podem n\u00e3o ser abordados neste artigo.&nbsp;<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Cria\u00e7\u00e3o de um aplicativo do Google<\/h5>\n\n\n\n<p>A primeira etapa para ativar a extens\u00e3o de login do Google em seu site \u00e9 criar um aplicativo do Google. Para criar seu aplicativo, siga estas etapas:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Primeiro, voc\u00ea precisa criar um projeto. Para acessar a p\u00e1gina de desenvolvedores do Google, visite&nbsp;<a href=\"https:\/\/console.developers.google.com\/project\" target=\"_blank\" rel=\"noopener\" title=\"\">https:\/\/console.developers.google.com\/project<\/a>. Se tiver criado aplicativos do Google anteriormente, voc\u00ea os ver\u00e1 aqui.<br><br>Clique em&nbsp;<em>Criar projeto<\/em>.<br><br><img decoding=\"async\" class=\"wp-image-9995\" style=\"width: 400px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/7a78ff8d-1s7omknyx3rq1nkh5u_p172ry4d-ecpfwa.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>&nbsp;Voc\u00ea ter\u00e1 que preencher algumas informa\u00e7\u00f5es sobre seu novo projeto:<br><br><img decoding=\"async\" class=\"wp-image-9996\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6296ba8b-glvzerr0ev8nazdvbbqovc6tjelezdw-ig.png\" alt=\"\"><br><br><br>Depois de clicar em \"Create\", voc\u00ea ser\u00e1 levado ao IAM e ao administrador do seu projeto.<br><br><br><\/li>\n\n\n\n<li>Clique no menu de navega\u00e7\u00e3o de tr\u00eas barras no canto superior esquerdo e, em seguida, clique em&nbsp;<em>Credenciais<\/em>&nbsp;em APIs e servi\u00e7os.<br><br><img decoding=\"async\" class=\"wp-image-9997\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/8f67ce33-trqweis1uhfx1ayruc5lvcuypgk6fiw6da.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Clique em&nbsp;<em>Criar credenciais&nbsp;<\/em>e&nbsp;<em>ID do cliente OAuth<\/em>:<br><br><img decoding=\"async\" class=\"wp-image-9998\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/1ddc3f9c-dhrbiwvy1xt3lqkzwahxuerxgnrc_pltha.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>A segunda se\u00e7\u00e3o Credentials ser\u00e1 carregada:<br><br><img decoding=\"async\" class=\"wp-image-10000\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/08d60492-aflk0ozuaml9lxfujbwcsywktxpbfpqb_a.png\" alt=\"\"><br><br><br><strong>Origens autorizadas do Javascript<\/strong>: Esse \u00e9 o URL de seu site base (conforme usado em sua licen\u00e7a do MemberMouse)<br><br><strong>URL de redirecionamento autorizado:\u00a0<\/strong>Esse \u00e9 o URL que voc\u00ea v\u00ea na tela de configura\u00e7\u00e3o do MemberMouse Google:<br><br><code>https:\/\/yoursite.com\/wp-content\/plugins\/membermouse\/lib\/hybridauth\/?hauth.done=Google<\/code><br><br><br>Durante o processo de configura\u00e7\u00e3o, ele pode solicitar que voc\u00ea v\u00e1 para uma tela de configura\u00e7\u00e3o adicional para definir seu nome e dom\u00ednio autorizado:<br><br><img decoding=\"async\" class=\"wp-image-10005\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/36b6edbb-hehyeoivir3vc3yg_5thzyfbqtpgu1nuaw.png\" alt=\"\"><br><br><br><strong>Endere\u00e7o de e-mail:\u00a0<\/strong>Este \u00e9 o endere\u00e7o da conta do gmail que voc\u00ea est\u00e1 usando<br><br><strong>Nome do produto mostrado aos usu\u00e1rios:\u00a0<\/strong>Normalmente, esse \u00e9 o nome do seu site. Isso \u00e9 o que o Google listar\u00e1 na solicita\u00e7\u00e3o de acesso para que o usu\u00e1rio confirme.<br><br><strong>URL da p\u00e1gina inicial:<\/strong>\u00a0Esta ser\u00e1 a p\u00e1gina inicial de seu site, \u00e9 opcional<br><br><strong>Logotipo do produto:<\/strong>\u00a0Seu logotipo \u00e9 opcional, mas aparecer\u00e1 na solicita\u00e7\u00e3o<br><br><strong>URL da pol\u00edtica de privacidade:<\/strong>\u00a0Isso \u00e9 opcional<br><br><strong>URL dos termos de servi\u00e7o:<\/strong>\u00a0Tamb\u00e9m opcional<br><br><\/li>\n\n\n\n<li>Depois de concluir a tela de ID do cliente OAuth, clique em&nbsp;<em>Criar<\/em>. Seu ID e segredo de cliente ser\u00e3o exibidos.<br><br><img decoding=\"async\" class=\"wp-image-10007\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/65c91ed4-yme_fefk0yssin1cdx9zup00wddd5jlfqq.png\" alt=\"\"><br><br><br><\/li>\n\n\n\n<li>Abra uma nova guia em seu navegador da Web e passe a configurar a extens\u00e3o de login do Google.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Configura\u00e7\u00e3o da extens\u00e3o de login do Google<\/h5>\n\n\n\n<p>Para ativar a extens\u00e3o de login do Google, siga as etapas abaixo:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>No menu do MemberMouse, clique em&nbsp;<em>Configura\u00e7\u00f5es gerais<\/em>.<br><br><\/li>\n\n\n\n<li>Em seguida, clique no bot\u00e3o&nbsp;<em>Extens\u00f5es<\/em>&nbsp;e, na p\u00e1gina seguinte, clique no logotipo do Google.<br><br><\/li>\n\n\n\n<li>Voc\u00ea precisar\u00e1 fornecer algumas informa\u00e7\u00f5es do seu aplicativo do Google, al\u00e9m de fazer algumas sele\u00e7\u00f5es:<br><br><img decoding=\"async\" class=\"wp-image-10009\" style=\"width: 550px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/0bda2244-9076.png\" alt=\"\"><br><br><br><strong>ID do cliente<\/strong>&nbsp;- No painel de controle do projeto do Google.<br><strong><br>Segredo do aplicativo<\/strong>&nbsp;- No painel de controle do projeto do Google.<br><strong><br>Permitir inscri\u00e7\u00f5es?<\/strong>&nbsp;- Se voc\u00ea quiser permitir que novos clientes se inscrevam usando suas credenciais de login do Google, clique nesta caixa. Caso contr\u00e1rio, os membros s\u00f3 poder\u00e3o fazer login usando suas credenciais do Google, mas n\u00e3o poder\u00e3o se inscrever para uma nova associa\u00e7\u00e3o.<br><br><strong>N\u00edvel de associa\u00e7\u00e3o -&nbsp;<\/strong>Os clientes s\u00f3 podem se inscrever para um n\u00edvel de associa\u00e7\u00e3o gratuito quando estiverem usando suas credenciais de login do Google. Depois de se tornarem membros, eles poder\u00e3o adquirir uma associa\u00e7\u00e3o paga. Voc\u00ea precisa selecionar a associa\u00e7\u00e3o gratuita padr\u00e3o na qual deseja que os clientes se inscrevam ao usar o Google.<br><strong><br>URL de retorno de chamada:<\/strong>&nbsp;- Esse \u00e9 o URL usado no projeto do Google nas etapas acima.<br><br><\/li>\n\n\n\n<li>Clique em&nbsp;<em>Salvar configura\u00e7\u00e3o.<\/em><\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Como adicionar o Google Signup e o login ao seu site<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><img decoding=\"async\" class=\"wp-image-10012\" style=\"width: 250px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/3ea8b32e-login-google.png\" alt=\"\"><br><br>Depois de configurar seu site para aceitar o login do Google, voc\u00ea precisa adicionar as seguintes SmartTags para permitir a inscri\u00e7\u00e3o e o login:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>SmartTag do bot\u00e3o de registro<\/strong>\u2122<\/h6>\n\n\n\n<p>O SmartTag\u2122 a seguir gera um bot\u00e3o que os clientes podem usar para se inscrever em uma nova conta:<br><br><code>[MM_Social_Signup_Button provider='Google']<\/code><br><br><br><em><strong>Atributos:<\/strong><br><br><\/em>provider - Defina o atributo provider como \"all\" para gerar bot\u00f5es de inscri\u00e7\u00e3o para todos os provedores de login social ativos, ou voc\u00ea pode usar uma tag individual para cada provedor Twitter, Facebook e Google. Por exemplo:<br><br><code>[MM_Social_Signup_Button provider='all']<\/code><br><em><br><br><strong>Atributos opcionais:<\/strong><br><\/em><br>membershipLevel - Opcionalmente, voc\u00ea pode usar esse atributo para substituir o n\u00edvel de associa\u00e7\u00e3o de inscri\u00e7\u00e3o padr\u00e3o definido acima. Ele usa um ID de n\u00edvel de associa\u00e7\u00e3o somente para n\u00edveis de associa\u00e7\u00e3o gratuitos. Por exemplo:<br><br><code>[MM_Social_Signup_Button provider='Google' membershipLevel='2']<\/code><br><br><br>Leia este artigo para&nbsp;<a href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/localizacao-de-ids-para-produtos-e-pacotes-de-niveis-de-associacao\/\">Saiba como encontrar suas IDs de n\u00edvel de associa\u00e7\u00e3o<\/a>.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Bot\u00e3o de login SmartTag<\/strong>\u2122<\/h6>\n\n\n\n<p>O SmartTag\u2122 a seguir gera um bot\u00e3o que os clientes podem usar para fazer login em uma conta existente:<\/p>\n\n\n\n<p><code>[MM_Social_Login_Button provider='Google']<\/code><\/p>\n\n\n\n<p><br><em><strong>Atributos:<\/strong><br><br><\/em>provider - Defina o atributo provider como \"all\" para gerar bot\u00f5es de inscri\u00e7\u00e3o para todos os provedores de login social ativos, ou voc\u00ea pode usar uma tag individual para cada provedor Twitter, Facebook e Google. Por exemplo:<strong><br><\/strong><br><code>[MM_Social_Login_Button provider='all']<\/code><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Solu\u00e7\u00e3o de problemas<\/h5>\n\n\n\n<p>Em alguns sistemas, o URL de retorno de chamada padr\u00e3o retornar\u00e1 o seguinte erro ao tentar usar o login:<br><br><img decoding=\"async\" class=\"wp-image-10014\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/030cdeba-google-login-issue-1.png\" alt=\"\"><br><br><br>Isso significa que o URL listado n\u00e3o est\u00e1 configurado no Google como um URI de redirecionamento autorizado. <\/p>\n\n\n\n<p>Para corrigir isso, acesse o Console do Google Developers, clique em&nbsp;<em>APIS E AUTH<\/em>&nbsp;&gt;&nbsp;<em>Credenciais&nbsp;<\/em>e, em seguida, certifique-se de que o URI na mensagem de erro acima seja colado no campo&nbsp;<em>Redirecionar URIs<\/em>&nbsp;nesta p\u00e1gina. O URI ao qual o Google est\u00e1 se referindo na mensagem de erro precisa ser inclu\u00eddo aqui exatamente como aparece na mensagem de erro.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>PLANO PLUS + A extens\u00e3o de login do Google MemberMouse permitir\u00e1 que seus usu\u00e1rios criem uma nova associa\u00e7\u00e3o gratuita usando suas credenciais de login do Google. Observe que essas instru\u00e7\u00f5es podem exigir...<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[193],"ht-kb-tag":[],"class_list":["post-8116","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-social-sign-on"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=8116"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8116\/revisions"}],"predecessor-version":[{"id":20890,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8116\/revisions\/20890"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=8116"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=8116"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=8116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}