Juniper Website CMS can be linked to a Google Drive to allow Google Files to be accessed using the website File Manager. 

Using the hyperlink option files stored in Google Drive can be linked to from the website content areas.

Google Documents can also be embedded into pages using the Google Files Component. 

Shared Google Folders from Google Drive can be output onto the page using the Google Folders Component. 

Before beginning, you need a Google Workspace for Education account (or a Business equivalent).

Follow these steps to set up Google Drive File Integration:

• Open https://console.cloud.google.com and log in to the Google Cloud console using your school's credentials.

• Make sure that the Google Drive API is enabled in your workspace:

  1. Navigate to APIs and Services.
     
  2. Select Enabled APIs and services.
     
  3. Search for Google Drive API using the search bar at the top of the page.
  4. After locating it, select Google Drive API.
  5. Select Enable:
     
• 1. Navigate to APIs and Services > Credentials.
  2. Select Create Credentials > oAuth client ID:
     
  3. Select Web application from the Application type.
  4. Optionally, change the Name from it's default, to reflect the website, for example, Website integration.
  5. Under Authorised redirect URIs select Add URI
  6. Enter the URI in the following format: <Website address> followed by: /admin/googledrive/oauth/process.asp, for example, https://www.juniperwebsites.co.uk/admin/googledrive/oauth/process.asp
  7. Select Create. The oAuth client created window opens:
     
  8. Copy the Client ID and Client secret.  You’ll need this information for setting up the integration on the website.

• After creating the OAuth Client, set the required consent:

  1. Navigate to APIs and services > oAuth consent screen:
     
  2. Check Internal for the User Type.
  3. Select Create.
  4. Complete the following:
     1. App name: Enter the school’s name.
     2. User support email: Enter an admin email account at the school.
     3. Select Add Domain under Authorised domains. Enter the school's domain, for example,  exampleschool.co.uk.
     4. Developer contact information: Enter an admin email account at the school.
     5. Select Save and Continue

• To allow website users to access the folders in Google Drive through the website integrations, they must be given access to the Shared Drive Folders in your Google Workspace.

  This article from Google explains how to create a Shared Google Drive and give permissions to your staff: https://support.google.com/a/users/answer/9310249?hl=en.

• After completing your configuration of Google, you must link your Google Drive with your website through Juniper Websites:

  1. Select Settings from the Website tab.
  2. Select Website Settings.
  3. Select Google Drive:
     
  4. Scroll down and locate the Client ID and Client Secret.
  5. Enter the Client ID (noted in Step 3 - Google Console oAuth step).
  6. Enter the Client Secret (noted in Step 3 - Google Console oAuth step):
     
  7. Select Save. Make sure you save changes to the Client ID and Client Secret before the next step.
  8. Select Authorise access to Google Drive.
  9. Log in and follow the instructions using your Google administration account when prompted to complete the set up.
  10. Select Save.
  11. Select X to close the window.

The setup is now complete. Start linking and embedding Google Files and Folders into your website content using the following approaches: 

1. Create a hyperlink to a file in your Google Shared Drive in a content region on your website.
2. Use the Google Drive File component to embed the content of a Google Doc file within a content region on the website.
3. Use the Google Drive Folder component to add a list of files from your Google Shared Drive to a page of the website. 

Make sure the website administrator has permission to the files in Google Drive and access to the website.  

Related information

• Juniper Websites: How do I create a hyperlink to a file in Google Drive?
• Juniper Websites: How do I embed a Google Docs file in a webpage?
• Juniper Websites: How do I embed a Google Drive folder in a webpage?

Updated 14 February 2025 14:58