In order to allow Staffbase to securely access your organization’s Google Drive files or Google Calendars, you need to enable the Google Drive or Google Calendar API for Staffbase. During this process, you will create the client ID needed to configure the Google widget.

Prerequisites

• You need a Google Enterprise subscription
• You need admin rights for this Google account 

Enabling the Google Drive API or the Google Calendar API for Staffbase

1. Sign into the Google Cloud Platform.
2. Navigate to Dashboard and click Create project.
   
   
   
   The page to create a new project opens. 
   
   If you have already created at least one project, click on the project dropdown in the header and dialog will open from which you can create a new project.
   
   
3. Provide a name for your project. For example: staffbase-widget
4. Select your organization from the dropdown menu.
5. Select the location.
6. Click Create.
   You are redirected to the Dashboard and your new project will be automatically selected from the project dropdown menu. 
   
   
7. Click Enable APIs and services.
   
   
8. Select one of the following depending on the Google widget for which you want to enable.
   • Google Drive API: If you want to enable the API for the Google Drive widget.
   • Google Calendar API: If you want to enable the API for the Google Calendar widget.
   
9. Click Enable for the API you selected.
   
   

Creating an OAuth Consent Screen

After enabling the respective Google API, you must configure the OAuth consent screen that will allow users to sign in to their Google account from the Staffbase platform. This is the authentication screen users will see when signing in to their Google account through the Staffbase employee app for the first time. 

1. In the Google Cloud Platform, ensure the project for your Google widget is selected and navigate to OAuth consent screen.
2. Under User Type, select Internal. 
3. Click Create.
4. Under App Information provide:
   
   • App name
   • User support email
   • App logo
5. Under Developer contact information, provide the email address of your IT department.
6. Click Save and continue.
7. Click Add or remove scopes.
8. Select the scopes depending on your requirement:
   • For Google Drive: auth/drive.metadata.readonly
   • For Google Calendar: auth/calendar.events.readonly
   
9. Click Update.
10. Click Save and continue.

You have configured the OAuth consent screen, and now see a summary of the configured settings. 

Creating the Client ID

After configuring the scope of your project, you can set up the client ID. The client ID is needed to configure the Google widgets in the Staffbase platform and connect your organization’s Google account to the Staffbase environment.

1. In the Google Cloud Platform, ensure the project for your Google Drive widget is selected and navigate to Credentials.
2. Click Create credentials and then select OAuth client ID from the dropdown menu.
3. Under Application type, select Web application from the dropdown menu.
4. Under Name, provide a name for your client. For example, staffbase-widget-client.
   
   
5. Under Authorized JavaScript origins, click Add URIs.
6. Provide all possible URIs at which your employee app or intranet can be reached. For example, https://app.staffbase.com or https://staffbase.yourdomain.com.
7. Click Create.

You’ve created your client ID. You can now copy this client ID and use it to configure the Google Drive widget. 

Additional Helpful Information

• Configuring the Google Drive Widget
• Configuring the Google Calendar Widget