Configuración del inicio de sesión con Google

PLAN PLUS +

La extensión de inicio de sesión de Google de MemberMouse permitirá a sus usuarios crear una nueva afiliación gratuita utilizando sus credenciales de inicio de sesión de Google.

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á requisitos de verificación que pueden no estar cubiertos en este artículo. 

Creación de una aplicación de Google

El primer paso para habilitar la extensión de inicio de sesión de Google en tu sitio es crear una aplicación de Google. Para crear tu aplicación, sigue estos pasos:

1. En primer lugar, debes crear un proyecto. Para acceder a la página de desarrolladores de Google, visite https://console.developers.google.com/project. Si has creado previamente aplicaciones de Google, las verás aquí.
   
   Haga clic en Crear proyecto.
   
   
   
   
2.  Tendrá que rellenar algunos datos sobre su nuevo proyecto:
   
   
   
   
   Una vez que haga clic en "Crear", se le llevará dentro de la IAM y Admin para su proyecto.
   
   
   
3. Haga clic en el menú de navegación de tres barras de la parte superior izquierda y, a continuación, en Credenciales en API y servicios.
   
   
   
   
4. Haga clic en Crear credenciales y ID de cliente OAuth:
   
   
   
   
5. Se cargará la segunda sección Credenciales:
   
   
   
   
   Orígenes autorizados de Javascript: Esta es la URL de su sitio base (tal y como se utiliza en su licencia MemberMouse)
   
   URL de redirección autorizada: Esta es la URL que aparece en la pantalla de configuración de MemberMouse Google:
   
   https://yoursite.com/wp-content/plugins/membermouse/lib/hybridauth/?hauth_done=Google
   
   
   Durante el proceso de configuración, es posible que le pida que vaya a una pantalla de configuración adicional para establecer su nombre y dominio autorizado:
   
   
   
   
   Dirección de correo electrónico: Esta es la dirección de la cuenta de gmail que está utilizando
   
   Nombre del producto mostrado a los usuarios: Normalmente es el nombre de su sitio web. Esto es lo que Google mostrará en la solicitud de acceso para que el usuario lo confirme.
   
   URL de la página de inicio: Esta será la página de inicio de su sitio web, es opcional
   
   Logotipo del producto: Su logotipo es opcional, pero aparecerá en la solicitud
   
   URL de la política de privacidad: Esto es opcional
   
   Condiciones del servicio URL: También opcional
   
   
6. Una vez que haya completado la pantalla OAuth Client ID, haga clic en Cree. Aparecerán tu ID de cliente y tu secreto.
   
   
   
   
   
7. Abre una nueva pestaña en tu navegador web y pasa a configurar la extensión de inicio de sesión de Google.

Configuración de la extensión de inicio de sesión de Google

Para habilitar la extensión de inicio de sesión de Google, sigue estos pasos:

1. En el menú MemberMouse, haga clic en Ajustes generales.
   
   
2. A continuación, haga clic en el botón Extensiones y en la página siguiente, haz clic en el logotipo de Google.
   
   
3. Tendrás que proporcionar algunos datos de tu aplicación de Google, así como realizar algunas selecciones:
   
   
   
   
   ID de cliente - Desde el panel de control de tu proyecto de Google.
   
   Aplicación secreta - Desde el panel de control de tu proyecto de Google.
   
   ¿Permitir inscripciones? - 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án iniciar sesión con sus credenciales de Google, pero no registrarse para una nueva afiliación.
   
   Nivel de afiliación - Los clientes sólo pueden registrarse en un nivel de afiliación gratuito cuando utilizan sus credenciales de acceso de Google. Una vez que son miembros, pueden adquirir una suscripción de pago. Debe seleccionar la afiliación gratuita predeterminada a la que desea que se afilien los clientes cuando utilicen Google.
   
   URL de devolución de llamada: - Esta es la URL que se utiliza en el proyecto de Google en los pasos anteriores.
   
   
4. Haga clic en Guardar configuración.

Cómo añadir el registro y el inicio de sesión de Google a su sitio web

Una vez que haya configurado su sitio para que acepte el inicio de sesión de Google, deberá añadir las siguientes SmartTags para permitir el registro y el inicio de sesión:

Botón de registro SmartTag™

La siguiente SmartTag™ genera un botón que los clientes pueden utilizar para registrarse en una nueva cuenta:

[MM_Social_Signup_Button provider='Google']


Atributos:

provider - Establezca el atributo provider en "all" para generar botones de registro para todos los proveedores de inicio de sesión social activos, o puede utilizar una etiqueta individual para cada proveedor Twitter, Facebook y Google. Por ejemplo

[MM_Social_Signup_Button provider='all']


Atributos opcionales:

membershipLevel - Puede utilizar opcionalmente este atributo para anular el nivel de suscripción predeterminado definido anteriormente. Toma un ID de nivel de afiliación sólo para los niveles de afiliación gratuitos. Por ejemplo

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


Lea este artículo para aprenda a encontrar los identificadores de su nivel de afiliación.

Botón de inicio de sesión SmartTag™

La siguiente SmartTag™ genera un botón que los clientes pueden utilizar para iniciar sesión en una cuenta existente:

[MM_Social_Login_Button provider='Google']

Atributos:

provider - Establezca el atributo provider en "all" para generar botones de registro para todos los proveedores de inicio de sesión social activos, o puede utilizar una etiqueta individual para cada proveedor Twitter, Facebook y Google. Por ejemplo

[MM_Social_Login_Button provider='all']

Solución de problemas

En algunos sistemas, la URL de devolución de llamada estándar devolverá el siguiente error al intentar utilizar el inicio de sesión:




Esto significa que la URL indicada no está configurada con Google como una URI de redirección autorizada.

Para solucionarlo, accede a la consola de desarrolladores de Google y haz clic en APIS Y AUTH > Credenciales y, a continuación, asegúrese de que el URI en el mensaje de error anterior se pega en el Redirigir URI en esta página. El URI al que Google hace referencia en el mensaje de error debe incluirse aquí exactamente como aparece en el mensaje de error.