Google Connect

To use Google as a social login provider, you will need a Client ID and Client Secret from your Google app, then copy these keys into your ReachFive Console settings.

This page explains how to create a Google App and connect it to your ReachFive account.

Want to create the best Google auth experience?

To optimize your user authentication experience, leverage the power of both the typical Google Auth provider flow with Google One Tap which allows user to authenticate from any page within your site.

Google data

This is the collectable data for Google Connect.

Public data

  • User ID (id) - A unique identifier for the user.

  • Name (name) - The user’s full name.

  • Email Address (email) - The user’s primary email address.

  • Profile Picture (picture) - The user’s profile image.

  • Locale (locale) - The user’s language and regional settings.

  • First Name (givenName) - The user’s given/first name.

  • Last Name (familyName) - The user’s family/last name.

  • Middle Name (middleName) - The user’s middle name.

  • Gender (gender) - The user’s gender.

  • Birthday (birthday) - The user’s date of birth.

  • About (about) - Information about the user (biography).

  • Profile (profile) - The user’s profile URL.

  • Phone Number (phoneNumber) - The user’s phone number.

  • Phone Number Verified (phoneNumberVerified) - Whether the phone number is verified.

  • Email Verified (emailVerified) - Whether the email address is verified.

Create a Google application

You must have a Google Developer account to complete these instructions.

Here, we’ll first create the application project and then we’ll create some credentials for the Google People API.

  1. Go to your Google Cloud Platform and log in.

  2. Create a new project.

    new gcp project

  3. Enable the Google People API by going to the APIs Overview section.

    enable apis gcp

    If you only want to implement Google One Tap, you do not need to enable the Google People API.

Create consent screen

First, you’ll need to create a consent screen and then create your credentials.

  1. Go to APIs and services  OAuth consent screen.

  2. Fill out the consent screen which includes:

    1. App name

      If you would like to have your own app name displayed here instead of the redirect URI, you’ll need to have a custom domain for your ReachFive account.

    2. User support email.

    3. App logo.

    4. App domain.

    5. Authorised domains.

    6. Developer contact information.

    7. Don’t forget to Save your input.

      consent screen

Create credentials

Next, you’ll create the credentials.

  1. Click Create Credentials under APIs and services  Credentials.

  2. Choose OAuth client ID in the dropdown menu.

  3. Choose Web application as the application Type.

  4. In Authorized JavaScript origins, enter any URLs you want whitelisted.

    This is particularly important if you are planning on implementing Google One Tap.

  5. In Authorised redirect URIs, enter https://{REACHFIVE_DOMAIN}/login/callback`where `REACHFIVE_DOMAIN is your ReachFive domain.

  6. Click Create.

    create credentials gcp with whitelist

  7. Copy your new credentials.

    client id secret

Configure Google as Provider on ReachFive

  1. On the ReachFive Console, go to Settings  Providers, and select Google.

    google 12

  2. Paste your credentials and add all available permissions.

  3. If using iOS, you should also paste in your Google Client ID.

    Example: 1234567890-abcdefg.apps.googleusercontent.com For more, see iOS SDK: Google native provider.

    Have multiple brands using Google?

    If you have multiple brands or subsidiaries using Google or even if you have different use cases, you can add them as variants within the ReachFive Console.

    add google variant

  4. Don’t forget to Save your input..

    google on console

Google buttons

To implement your own button, follow the Google guidelines.

Do not use the red button, use the Google button as below.

google 14