Embed Google Docs

OVERVIEW

Embedding Google Docs into an LMS page ensures that learners can access the document seamlessly within the LMS platform. Learners do not need to open a separate window or navigate away from the LMS to view the document/s. This accessibility simplifies the learning experience.

Use Case Example:

A university is using an LMS to facilitate a group project for an online course. The instructor wants to provide a collaborative space for students to work together on a research report.

By embedding a Google Doc into an LMS page, the university facilitates seamless collaboration, real-time editing and feedback, version control and tracking, secure sharing, mobile accessibility, instructor monitoring, and timely notifications. This integration enhances the efficiency, productivity, and overall success of the group project within the LMS environment.

GET GOOGLE DOC EMBED CODE

Step 1: In your Google Doc, click on "File" and then "Publish to web."

Step 2: In the "Embed" tab, click "Publish."

Step 3: Copy the embed code.

EMBED GOOGLE DOC INTO YOUR LMS PAGE

Step 1: In the relevant course, click on "Edit course material."

Step 2: Under the relevant module, click on "Add course content."

Step 3: Click on the "Page" resource.

Step 4: Setup your page resource.

(1) Give your page a name,

(2) Click on the HTML (</>) symbol,

(3) Paste the embed code that was copied from the Google doc (Step 3).

Click the HTML (</>) symbol after the embed code has been added so that the doc appears as per the screenshot below,

Once you're done, scroll down and click on "Save and display."

The Google Doc will now look similar to the screenshot below.

STEP 2: (Optional) Resizing.

NOTE: If you want to change the display size of your document you can edit the code in the HTML editor (This can be done with any file that is being embedded).

Adding ( width="xxx" height="xxx" ) after frame and before src" (See screenshot below).

And it will display as follows.