Course Builder 1.10
- Meet Course Builder
- Set Up Course Builder
- Create a Course
- Customize Course Style
- Debug Course
- Prepare for Students
- Publish a Course
- Analyze Data
- Administer Site
- Upgrade Course Builder
- For Course Builder Developers
- Feature List
- Release Notes
You can use files that are on your Google Drive rather than recreating their contents from scratch.
There are two ways to use files on Google Drive:
- embed a file (for Google Docs, Sheets, Slides, and Drawings)
- import a file (currently only for Google Docs)
Embed a file
Embedding a file is the simpler option:
Publish the file to the web and get the URL for the published copy. Learn more about publishing a file on Google Drive.
In the course content, click a component from the content editor’s menu:
Import a file
Importing a file from Google Drive into Course Builder lets you edit the file in Course Builder and make it available along with the rest of your course content. Note that changes made to an imported file in Course Builder are not reflected in the file on Google Drive.
To import a file, you use the content editor’s Google Drive component.
This option is currently available only for Google Docs. For other Google Drive file types, you can embed the file instead.
Setting up to import from Google Drive
To be able to import from Google Drive, your course must be able to call certain Google APIs.
Adding this ability takes several steps in both Course Builder and Google Developers Console. The steps can be divided into two parts:
To take these steps, you must be signed into a Google account with
- edit-level project permissions on the Google Developers Console
- site-wide admin permissions for Course Builder
Enable Google APIs
To enable Google APIs, you must
- update the Google APIs setting in Course Builder
- enable the Google Drive and Google Picker APIs in Google Developer Console
Update Google APIs setting
Go to Settings > Advanced site settings.
Find Google APIs. The default value is false.
Click Edit to change the value.
Under Configuration Property Override, check the Value checkbox and set Status to Active.
Enable Drive and Google Picker APIs
Go to Google Developers Console.
Make sure that the project that includes the course is selected.
Find and click Enable and manage APIs on the console dashboard to open the API Manager.
The API Manager overview lists popular Google APIs and provides a search bar to find others.
Each API has its own page with an Enable API button right at the top.
Enable Drive API
- Search for Drive API.
- Click Drive API in the results to open its API page
- Click Enable API.
Enable Google Picker API
- Search for Google Picker API.
- Click Google Picker API in the results to open its API page
- Click Enable API.
Now your site is enabled to use these two APIs, but you still need credentials to allow the course to make calls to them.
To make calls to Google APIs from you Course Builder app, you need two credentials:
- an API key
- an OAuth client ID
In API Manager’s lefthand menu, click Credentials.
If the necessary credentials are already listed, you can copy and paste them into the appropriate course settings.
If not, you must
Create API key
Click the New Credentials drop-down menu and select API key.
Select Browser key from the choices that appear.
In the dialog that appears, fill out two fields:
For the Name field, you can keep the default name.
For the Accept requests from these HTTP referrers field, add the URL pattern for your site. For example, if your site URL is
Create OAuth client ID
Creating the OAuth client ID takes two steps:
OAuth consent screen details
When your site requires access to private data (such as a file on Google Drive), the owner of the account will be asked to consent to the access. To prepare the consent screen to ask for access, you must provide a product name and an email address.
Click the OAuth consent screen tab.
Fill out the fields:
For Email address, select one of the valid addresses.
For Product name show to users, enter the name of your course or site.
Considering ignoring the other fields, which are optional.
OAuth client ID
Click New Credentials and select OAuth client ID.
Fill out the following fields:
For Application type, select Web application.
For Name, you can keep the default name.
https://www.introduction-to-haiku.appspot.com/, then enter
In the Authorized redirect URIs, delete any URIs. This field must be empty.
You will be presented with a client ID and a client secret.
Enter credentials in Course Builder
To enter credentials in course settings, you can copy and paste them from the API Manager’s Credentials page.
In Course Builder, go to Settings > Course.
Find Google API Key and enter the API key listed in your project’s API credentials.
Find Google Client ID and enter the Client ID listed in your project’s API credentials.
Click Save to save these changes.
Remember that you must enter these credentials for each course to import from Google Drive using the content editor’s Google Drive component.