{"id":8112,"date":"2023-08-15T10:11:54","date_gmt":"2023-08-15T17:11:54","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=8112"},"modified":"2024-05-08T14:18:40","modified_gmt":"2024-05-08T18:18:40","slug":"configuracao-do-login-sso-do-facebook","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/documentos-3-2\/configuracao-do-login-sso-do-facebook\/","title":{"rendered":"Configura\u00e7\u00e3o do login SSO do Facebook"},"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 Facebook do MemberMouse permitir\u00e1 que os usu\u00e1rios criem uma nova associa\u00e7\u00e3o gratuita usando suas credenciais de login do Facebook.<\/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 Meta muda regularmente, e cada conta ter\u00e1 requisitos de verifica\u00e7\u00e3o que podem n\u00e3o ser abordados neste artigo. Recomendamos que voc\u00ea <a href=\"https:\/\/developers.facebook.com\/docs\/development\/create-an-app\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">Leia a documenta\u00e7\u00e3o no Facebook<\/a> Para mais detalhes.<\/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\">Criando um aplicativo do Facebook<br><\/h5>\n\n\n\n<p>A primeira etapa para ativar a extens\u00e3o de login do Facebook em seu site \u00e9 criar um aplicativo do Facebook. 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>Para acessar a p\u00e1gina de desenvolvedores de aplicativos do Facebook, visite http:\/\/developers.facebook.com\/apps. Essa \u00e9 a p\u00e1gina em que o Facebook lista os aplicativos que voc\u00ea j\u00e1 criou com ele. Voc\u00ea tamb\u00e9m pode criar novos aplicativos aqui.<br><br><img decoding=\"async\" class=\"wp-image-10021\" style=\"width: 550px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/52a389b5-z4q0aoupsk7j5ho-1pcnth_vu5d4dpaydw.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>O Facebook perguntar\u00e1 que tipo de aplicativo voc\u00ea precisa criar. Escolha Login do Facebook.<br><br><img fetchpriority=\"high\" decoding=\"async\" width=\"650\" height=\"407\" class=\"wp-image-18822\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1.png 1033w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-300x188.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-1024x641.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-768x481.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-50x31.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-18x12.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>O Facebook pode fazer perguntas de esclarecimento e, em seguida, solicitar que voc\u00ea forne\u00e7a detalhes do aplicativo:<br><br><img decoding=\"async\" class=\"wp-image-10022\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6454b6e3-gwf_rgkpwypimamreonv54jljxtuopzbuq.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Depois de criar o aplicativo b\u00e1sico, o Facebook o orientar\u00e1 em um processo de v\u00e1rias etapas para que o aplicativo seja conectado ao seu site, verificado e publicado. <br><br><br><img decoding=\"async\" width=\"650\" height=\"308\" class=\"wp-image-18823\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2.png 974w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-300x142.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-768x363.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-50x24.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-18x9.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><\/li>\n\n\n\n<li>Cada etapa pode ser exclusiva para sua situa\u00e7\u00e3o e seus requisitos, mas as etapas opcionais necess\u00e1rias para o MemberMouse est\u00e3o inclu\u00eddas na etapa de configura\u00e7\u00f5es do Client OAuth.<br><br>Na etapa de configura\u00e7\u00f5es do Client OAuth, verifique se as chaves de altern\u00e2ncia correspondem \u00e0s mostradas abaixo e use o Valid OAuth Redirect URI abaixo, primeiro modificando yoursite.com para corresponder ao dom\u00ednio do MemberMouse. Clique no bot\u00e3o <em>Salvar altera\u00e7\u00f5es<\/em> depois de conclu\u00eddo: &nbsp;<br><br><code>https:\/\/yoursite.com\/wp-content\/plugins\/membermouse\/lib\/hybridauth\/?hauth_done=Facebook<\/code><br><br><img decoding=\"async\" width=\"650\" height=\"452\" class=\"wp-image-18824\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3.png 882w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-300x209.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-768x535.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-50x35.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-18x12.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>Em seguida, conclua as etapas de configura\u00e7\u00e3o com qualquer verifica\u00e7\u00e3o e publica\u00e7\u00e3o que o Meta\/Facebook possa exigir. <br><br><\/li>\n\n\n\n<li>Depois que seu aplicativo for criado e publicado, voc\u00ea precisar\u00e1 acessar o App ID e o App Secret para configurar a extens\u00e3o em seu site.  Eles podem ser acessados em\u00a0<em>Configura\u00e7\u00f5es do aplicativo &gt; B\u00e1sico<\/em>:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"299\" class=\"wp-image-18825\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers.png 1604w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-300x138.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1024x471.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-768x353.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-50x23.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1536x706.png 1536w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-18x8.png 18w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1200x551.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><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 Facebook.<\/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 Facebook<\/h5>\n\n\n\n<p>Para ativar a extens\u00e3o de login do Facebook, 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 Facebook.<br><br><\/li>\n\n\n\n<li>Voc\u00ea precisar\u00e1 fornecer algumas informa\u00e7\u00f5es do seu aplicativo do Facebook e fazer algumas sele\u00e7\u00f5es:<br><br><img decoding=\"async\" class=\"wp-image-10031\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e8f05264-9056.png\" alt=\"\"><br><br><br><strong>ID do aplicativo<\/strong>&nbsp;- No painel de controle do aplicativo do Facebook.<br><strong><br>Segredo do aplicativo<\/strong>&nbsp;- No painel de controle do aplicativo do Facebook.<br><strong><br>Permitir inscri\u00e7\u00f5es?<\/strong>&nbsp;- Se quiser permitir que novos clientes se inscrevam usando suas credenciais de login do Facebook, clique nessa caixa. Caso contr\u00e1rio, os membros s\u00f3 poder\u00e3o fazer login usando suas credenciais do Facebook, 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 em um n\u00edvel de associa\u00e7\u00e3o gratuito quando estiverem usando suas credenciais de login do Facebook. 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 Facebook.<br><strong><br>URL de retorno de chamada:<\/strong>&nbsp;- Esse \u00e9 o URL usado no aplicativo do Facebook.<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<h5 class=\"wp-block-heading\">Adi\u00e7\u00e3o do registro e do login do Facebook ao seu site<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e2fd30b2-login-fb.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e2fd30b2-login-fb.png\" alt=\"\" class=\"wp-image-10032\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Depois de configurar seu site para aceitar o login do Facebook, voc\u00ea precisar\u00e1 adicionar os seguintes SmartTags\u2122 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\">Bot\u00e3o de registro SmartTag\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='Facebook']<\/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<br>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='Facebook' membershipLevel='2']<\/code><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<h3 class=\"wp-block-heading\">&nbsp;<\/h3>\n\n\n\n<h6 class=\"wp-block-heading\">Bot\u00e3o de login SmartTag\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='Facebook']<\/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<p><strong>Solu\u00e7\u00e3o de problemas<\/strong><\/p>\n\n\n\n<p><strong>OBSERVA\u00c7\u00c3O:&nbsp;<\/strong>A biblioteca de clientes do Facebook exige que o fuso hor\u00e1rio seja definido explicitamente na configura\u00e7\u00e3o do PHP.  Se voc\u00ea estiver definindo diretamente no arquivo php.ini, uma configura\u00e7\u00e3o de fuso hor\u00e1rio central seria semelhante a esta:<\/p>\n\n\n\n<p>date.timezone = \"US\/Central\"<\/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 Facebook do MemberMouse permitir\u00e1 que os usu\u00e1rios criem uma nova associa\u00e7\u00e3o gratuita usando suas credenciais de login do Facebook. Observe que essas instru\u00e7\u00f5es podem exigir um...<\/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-8112","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\/8112","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=8112"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8112\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=8112"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=8112"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=8112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}