Esta guía esta dirigida a usuarios con perfil desarrollador con experiencia previa en integraciones con sistema Oauth o Social Login. La guía puede quedar obsoleta debido a los cambios frecuentes que las redes sociales realizan en su entorno de desarrolladores y sus APIs, pero sirven de referencia para empezar. 

¿Qué necesitas antes de empezar?

Debes tener preparadas las siguientes tres URLS:

1. URL a tu política de privacidad: Puedes utilizar la URL de la política de privacidad de tu promoción, o la URL de la política de privacidad de tu sitio web o negocio.
2. URL a tus términos y condiciones: Puedes utilizar la URL de las bases legales de tu promoción, o los términos y condiciones generales de tu sitio web o negocio.
3. URL de redirección: Es la URL que deberás indicar en la configuración del Client ID de Google. Esta URL la deberás obtener desde la pantalla de integraciones de Google de tu promoción:

Instrucciones paso a paso

1. Habilitar la API para tu proyecto. Para ello, abre la biblioteca de API en la Consola de API de Google desde: https://console.cloud.google.com/apis/library

2. Selecciona un proyecto o crea uno nuevo: 

3. Entra en la sección "API y Servicios":

4. Dentro de la API y servicios, ve a credenciales, Crear credenciales y selecciona la opción "ID de Cliente OAuth"

5. Si no tienes ya una pantalla de consentimiento configurada, deberás de crear una nueva:

6. Al crear la pantalla, selecciona como tipo de usuarios "Usuarios externos" a tu organización:

7. Al crear la pantalla, se abrirá una nueva página donde deberás de indicar la información de la aplicación, con el dominio propio que se utilizará en la promoción así como los datos siguiente:

• INFORMACIÓN DE LA APLICACIÓN:
  • El nombre de la aplicación: nombre de la aplicación para tenerla identificada en la consola de Google
  • El correo electrónico: correo electrónico de contacto y ayuda para los usuarios que hagan login con tu aplicación.
  • Logotipo de la empresa: el logotipo que se mostrará a los usuarios a la hora de loguearse.
• DOMINIO DE LA APP:
  • Página principal de la aplicación: Introduce la URL de tu página web (no es necesariamente el dominio propio de tu promoción)
  • Política de privacidad: introduce la URL de tu política de privacidad
  • Condiciones de servicio: introduce la URL de tu política de privacidad
  • Dominios Autorizados: Debes añadir el dominio propio de tu promoción

8. En los pasos de permisos y usuarios de prueba de la pantalla de consentimiento, no es necesario que añadas ningún datos.

Nota: Cuando finalices la configuración de la pantalla de consentimiento, verás que el estado de publicación indicará "Prueba". Aunque indique "Prueba" la integración con Google funcionará correctamente. La única diferencia es que no aparecerá ni el nombre de tu aplicación, ni tu logo en la pantalla de autorización de permisos. Se verá la URL de tu dominio propio.

9. Una vez rellenados los datos de consentimiento, entra de nuevo en el apartado de Credenciales y de nuevo selecciona ID de Cliente OAuth. Al elegir el tipo de aplicación que quieres crear, selecciona "Aplicación web".

10. Introduce tu URL de dirección en las URIs de redireccionamiento autorizado .

Recuerda que podrás obtener la URL de redirección desde la sección de Integraciones > Google de tu promoción:

11. Una vez confirmada la configuración, obtendrás los datos ID de cliente y Secret de Cliente que son los dos campos que necesitarás agregar en la promoción.

11. Entra en el panel de configuración de la promoción, en la sección de Integraciones, y selecciona la opción "Google Auth Login" donde deberás de pegar la información de la aplicación creada en Google, obtenida en el previo paso:

¡Ya has terminado!

Realizar Test

Para probar que funciona, realiza el login con Google en tu promoción. Participa en tu promoción como un usuario y haz login con Google.

Para testearlo asegúrate que te conectas a la promoción desde tu dominio propio.

Si aparece la pantalla de autorización con Google con tu dominio propio, has realizado la integración correctamente: