Introduction

This article explains how to enable and set up Google Drive Integration in your Juniper Website. When enabled:

1. Your website can link to a Google Drive to allow Google Files to be accessed using the website's File Manager.
2. You can link to files stored in Google Drive from your website content areas using the Hyperlinks option. You can embed Google Documents into pages using the Google Files Component.
3. You can share Google Folders from Google Drive in your website pages using the Google Folders Component. 

Prerequisites

• You must be an administrator in Juniper Websites.
• You must have a Google Workspace for Education account (or a Business equivalent).

Instructions

Follow these six 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. Select Enabled APIs and services.
  2. Search for Google Drive API using the search bar at the top of the page.
  3. After locating it, select Google Drive API.
  4. Select Enable:
     
• 1. Navigate to APIs and Services.
  2. Select Credentials.
  3. Select New Credentials.
  4. Select OAuth client ID:
     
  5. Select Web application from the Application type.
  6. Optionally, change the Name from it's default, to reflect the website, for example, Website integration.
  7. Under Authorised redirect URIs select Add URI.
  8. 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
  9. Select Create. The oAuth client created window opens:
     
  10. 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:
     • App name: Enter the school’s name.
     • User support email: Enter an admin email account at the school.
     • Select Add Domain under Authorised domains. Enter the school's domain, for example,  exampleschool.co.uk.
     • Developer contact information: Enter an admin email account at the school.
     • 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.

Outcome

The setup is now complete. Start to link and embed 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 05 September 2025 14:42