{"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":"configuracion-del-inicio-de-sesion-con-google","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/configuracion-del-inicio-de-sesion-con-google\/","title":{"rendered":"Configuraci\u00f3n del inicio de sesi\u00f3n con Google"},"content":{"rendered":"<p><a href=\"https:\/\/membermouse.com\/es\/planos\/\"><mark style=\"background-color:#8ed1fc\" class=\"has-inline-color\">PLAN PLUS +<\/mark><\/a><\/p>\n\n\n\n<p>La extensi\u00f3n de inicio de sesi\u00f3n de Google de MemberMouse permitir\u00e1 a sus usuarios crear una nueva afiliaci\u00f3n gratuita utilizando sus credenciales de inicio de sesi\u00f3n de Google.<\/p>\n\n\n\n<p>Tenga en cuenta que estas instrucciones pueden requerir un orden diferente para algunos o tener un aspecto distinto al mostrado. La interfaz de desarrollador cambia regularmente, y cada cuenta tendr\u00e1 requisitos de verificaci\u00f3n que pueden no estar cubiertos en este art\u00edculo.&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\">Creaci\u00f3n de una aplicaci\u00f3n de Google<\/h5>\n\n\n\n<p>El primer paso para habilitar la extensi\u00f3n de inicio de sesi\u00f3n de Google en tu sitio es crear una aplicaci\u00f3n de Google. Para crear tu aplicaci\u00f3n, sigue estos pasos:<\/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>En primer lugar, debes crear un proyecto. Para acceder a la p\u00e1gina de desarrolladores de Google, visite&nbsp;<a href=\"https:\/\/console.developers.google.com\/project\" target=\"_blank\" rel=\"noopener\" title=\"\">https:\/\/console.developers.google.com\/project<\/a>. Si has creado previamente aplicaciones de Google, las ver\u00e1s aqu\u00ed.<br><br>Haga clic en&nbsp;<em>Crear proyecto<\/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;Tendr\u00e1 que rellenar algunos datos sobre su nuevo proyecto:<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>Una vez que haga clic en \"Crear\", se le llevar\u00e1 dentro de la IAM y Admin para su proyecto.<br><br><br><\/li>\n\n\n\n<li>Haga clic en el men\u00fa de navegaci\u00f3n de tres barras de la parte superior izquierda y, a continuaci\u00f3n, en&nbsp;<em>Credenciales<\/em>&nbsp;en API y servicios.<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>Haga clic en&nbsp;<em>Crear credenciales&nbsp;<\/em>y&nbsp;<em>ID de 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>Se cargar\u00e1 la segunda secci\u00f3n Credenciales:<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>Or\u00edgenes autorizados de Javascript<\/strong>: Esta es la URL de su sitio base (tal y como se utiliza en su licencia MemberMouse)<br><br><strong>URL de redirecci\u00f3n autorizada:\u00a0<\/strong>Esta es la URL que aparece en la pantalla de configuraci\u00f3n de MemberMouse Google:<br><br><code>https:\/\/yoursite.com\/wp-content\/plugins\/membermouse\/lib\/hybridauth\/?hauth.done=Google<\/code><br><br><br>Durante el proceso de configuraci\u00f3n, es posible que le pida que vaya a una pantalla de configuraci\u00f3n adicional para establecer su nombre y dominio 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>Direcci\u00f3n de correo electr\u00f3nico:\u00a0<\/strong>Esta es la direcci\u00f3n de la cuenta de gmail que est\u00e1 utilizando<br><br><strong>Nombre del producto mostrado a los usuarios:\u00a0<\/strong>Normalmente es el nombre de su sitio web. Esto es lo que Google mostrar\u00e1 en la solicitud de acceso para que el usuario lo confirme.<br><br><strong>URL de la p\u00e1gina de inicio:<\/strong>\u00a0Esta ser\u00e1 la p\u00e1gina de inicio de su sitio web, es opcional<br><br><strong>Logotipo del producto:<\/strong>\u00a0Su logotipo es opcional, pero aparecer\u00e1 en la solicitud<br><br><strong>URL de la pol\u00edtica de privacidad:<\/strong>\u00a0Esto es opcional<br><br><strong>Condiciones del servicio URL:<\/strong>\u00a0Tambi\u00e9n opcional<br><br><\/li>\n\n\n\n<li>Una vez que haya completado la pantalla OAuth Client ID, haga clic en&nbsp;<em>Cree<\/em>. Aparecer\u00e1n tu ID de cliente y tu secreto.<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>Abre una nueva pesta\u00f1a en tu navegador web y pasa a configurar la extensi\u00f3n de inicio de sesi\u00f3n de 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\">Configuraci\u00f3n de la extensi\u00f3n de inicio de sesi\u00f3n de Google<\/h5>\n\n\n\n<p>Para habilitar la extensi\u00f3n de inicio de sesi\u00f3n de Google, sigue estos pasos:<\/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>En el men\u00fa MemberMouse, haga clic en&nbsp;<em>Ajustes generales<\/em>.<br><br><\/li>\n\n\n\n<li>A continuaci\u00f3n, haga clic en el bot\u00f3n&nbsp;<em>Extensiones<\/em>&nbsp;y en la p\u00e1gina siguiente, haz clic en el logotipo de Google.<br><br><\/li>\n\n\n\n<li>Tendr\u00e1s que proporcionar algunos datos de tu aplicaci\u00f3n de Google, as\u00ed como realizar algunas selecciones:<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 de cliente<\/strong>&nbsp;- Desde el panel de control de tu proyecto de Google.<br><strong><br>Aplicaci\u00f3n secreta<\/strong>&nbsp;- Desde el panel de control de tu proyecto de Google.<br><strong><br>\u00bfPermitir inscripciones?<\/strong>&nbsp;- Si quieres permitir que los nuevos clientes se registren utilizando sus credenciales de acceso de Google, haz clic en esta casilla. De lo contrario, los miembros solo podr\u00e1n iniciar sesi\u00f3n con sus credenciales de Google, pero no registrarse para una nueva afiliaci\u00f3n.<br><br><strong>Nivel de afiliaci\u00f3n -&nbsp;<\/strong>Los clientes s\u00f3lo pueden registrarse en un nivel de afiliaci\u00f3n gratuito cuando utilizan sus credenciales de acceso de Google. Una vez que son miembros, pueden adquirir una suscripci\u00f3n de pago. Debe seleccionar la afiliaci\u00f3n gratuita predeterminada a la que desea que se afilien los clientes cuando utilicen Google.<br><strong><br>URL de devoluci\u00f3n de llamada:<\/strong>&nbsp;- Esta es la URL que se utiliza en el proyecto de Google en los pasos anteriores.<br><br><\/li>\n\n\n\n<li>Haga clic en&nbsp;<em>Guardar configuraci\u00f3n.<\/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\">C\u00f3mo a\u00f1adir el registro y el inicio de sesi\u00f3n de Google a su sitio web<\/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>Una vez que haya configurado su sitio para que acepte el inicio de sesi\u00f3n de Google, deber\u00e1 a\u00f1adir las siguientes SmartTags para permitir el registro y el inicio de sesi\u00f3n:<\/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\u00f3n de registro SmartTag<\/strong>\u2122<\/h6>\n\n\n\n<p>La siguiente SmartTag\u2122 genera un bot\u00f3n que los clientes pueden utilizar para registrarse en una nueva cuenta:<br><br><code>[MM_Social_Signup_Button provider='Google']<\/code><br><br><br><em><strong>Atributos:<\/strong><br><br><\/em>provider - Establezca el atributo provider en \"all\" para generar botones de registro para todos los proveedores de inicio de sesi\u00f3n social activos, o puede utilizar una etiqueta individual para cada proveedor Twitter, Facebook y Google. Por ejemplo<br><br><code>[MM_Social_Signup_Button provider='all']<\/code><br><em><br><br><strong>Atributos opcionales:<\/strong><br><\/em><br>membershipLevel - Puede utilizar opcionalmente este atributo para anular el nivel de suscripci\u00f3n predeterminado definido anteriormente. Toma un ID de nivel de afiliaci\u00f3n s\u00f3lo para los niveles de afiliaci\u00f3n gratuitos. Por ejemplo<br><br><code>[MM_Social_Signup_Button provider='Google' membershipLevel='2']<\/code><br><br><br>Lea este art\u00edculo para&nbsp;<a href=\"https:\/\/membermouse.com\/es\/docs\/busqueda-de-identificadores-de-niveles-de-afiliacion-productos-y-paquetes\/\">aprenda a encontrar los identificadores de su nivel de afiliaci\u00f3n<\/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\u00f3n de inicio de sesi\u00f3n SmartTag<\/strong>\u2122<\/h6>\n\n\n\n<p>La siguiente SmartTag\u2122 genera un bot\u00f3n que los clientes pueden utilizar para iniciar sesi\u00f3n en una cuenta 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 - Establezca el atributo provider en \"all\" para generar botones de registro para todos los proveedores de inicio de sesi\u00f3n social activos, o puede utilizar una etiqueta individual para cada proveedor Twitter, Facebook y Google. Por ejemplo<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\">Soluci\u00f3n de problemas<\/h5>\n\n\n\n<p>En algunos sistemas, la URL de devoluci\u00f3n de llamada est\u00e1ndar devolver\u00e1 el siguiente error al intentar utilizar el inicio de sesi\u00f3n:<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>Esto significa que la URL indicada no est\u00e1 configurada con Google como una URI de redirecci\u00f3n autorizada. <\/p>\n\n\n\n<p>Para solucionarlo, accede a la consola de desarrolladores de Google y haz clic en&nbsp;<em>APIS Y AUTH<\/em>&nbsp;&gt;&nbsp;<em>Credenciales&nbsp;<\/em>y, a continuaci\u00f3n, aseg\u00farese de que el URI en el mensaje de error anterior se pega en el&nbsp;<em>Redirigir URI<\/em>&nbsp;en esta p\u00e1gina. El URI al que Google hace referencia en el mensaje de error debe incluirse aqu\u00ed exactamente como aparece en el mensaje de error.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>PLAN PLUS + La extensi\u00f3n de inicio de sesi\u00f3n de Google de MemberMouse permitir\u00e1 a sus usuarios crear una nueva afiliaci\u00f3n gratuita utilizando sus credenciales de inicio de sesi\u00f3n de Google. Tenga en cuenta que estas instrucciones pueden requerir...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/8116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8116"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8116\/revisions"}],"predecessor-version":[{"id":20890,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8116\/revisions\/20890"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8116"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8116"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=8116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}