How to Configure Login with Google

Introduction

Offering a streamlined login experience is crucial for user satisfaction and engagement on your website. Google Login provides a convenient and secure way for users to access your eDirectory site using their existing Google accounts, eliminating the need for new registrations and memorizing additional passwords. This article provides a comprehensive, step-by-step guide to integrating Google Login seamlessly with your eDirectory platform, enhancing user convenience and simplifying the login process.


Steps to Configure Google Login:

Step 1: Access the Google Cloud Platform Console

  1. Visit the Google Cloud Platform Console
  2. Create a New Project:
    • Click "Create Project" directly, or select "Select a project" at the top, then click "New project."

Step 2: Set Up Your Google Cloud Project

  1. In the "Project name" field, enter a descriptive name for your project, ideally reflecting your website's name.
  2. Leave the "Location" field as the default ("No organization").
  3. Click "Create."

Step 3: Configure the OAuth Consent Screen

  1. Once your project is created, ensure it is selected from the dropdown menu at the top of the page.
  2. In the left-hand menu, click "OAuth consent screen."

  1. Click "Get Started."
    • App name: Enter your website's name.
    • User support email: Provide your primary email address.

  1. Select the "External" option and click "Next."

  1. Type your email address in the "Developer contact information" section and click "Next."

  1. Ensure the box to agree to the terms is checked, then click "Continue," followed by "Create."

  1. Click on the "Create OAuth Client" option.

  1. Choose "Web application" as the "Application type."

  1. Configure the following:
    • Name: Assign a recognizable name, such as "Google Login."
    • Authorized JavaScript origins: Add your website's homepage URL in both of the following formats (replace example.com with your actual domain):

https://www.example.com

https://example.com

    • Redirect URIs: Add the extension /sponsors/googleauth.php to your website's base URL in both of the following formats (replace example.com with your actual domain):

https://www.example.com/sponsors/googleauth.php

https://example.com/sponsors/googleauth.php

  1. Click "Create" to finalize the OAuth client.

Note: Ensure you have a live domain (URL) connected to your website before configuring Google Login. If you need to change your domain, please contact our support team at support@edirectory.com or refer to our article: Domain Change: How can I proceed to change my domain?.

  1. After creating your OAuth Client, click on the "Google login" option in the left-hand menu (it might be under "Credentials").

  1. Copy Client ID and Client Secret: You will find your "Client ID" and "Client Secret" on this page. Copy both of these values.

Step 4: Integrate Google Login Credentials into eDirectory

  1. Log in to your eDirectory Site Manager.
  2. Navigate to "Settings" > "Sign-in Options."
  3. Check the box next to "Enable sign in using Google."
  4. Paste the "Client ID" and "Client Secret" you copied from the Google Cloud Console into their respective fields.
  5. Click "Save Changes."

Step 5: Configure Branding Information in Google Cloud Console

  1. Return to your Google Cloud Console and click on "Branding" in the left-hand menu (under "OAuth consent screen").
  2. Complete the following fields:
    • App name: Your website's name.
    • User support email: Your primary email address.
    • Application homepage: Link to your website's homepage (e.g., https://www.example.com ).
    • Privacy Policy URL: Link to your website's privacy policy page.
    • Terms of Service URL: Link to your website's terms of service page.
    • Authorized Domains: Click "Add Domain" and enter your domain name without https or www (e.g., example.com ).
    • Developer contact information: Your primary email address.
  3. After filling in all the required fields, click "Save."


Conclusion

By following this detailed, step-by-step guide, you have successfully integrated Google Login with your eDirectory website. This feature provides a significant enhancement to the user experience by offering a secure and convenient login method through their existing Google accounts. Remember to ensure your domain is live before starting the configuration and to carefully double-check all the settings in both the Google Cloud Console and your eDirectory Site Manager to prevent any issues. If you encounter any difficulties during this process, please do not hesitate to contact our support team at support@edirectory.com. With Google Login enabled, you can streamline login processes and improve user satisfaction on your platform.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.