Embedding a Google Doc

Document created by Alisha Jonker on Jun 21, 2019
Version 1Show Document
  • View in full screen mode

Note: There are easier ways to embed a Google Document, but I found that the other options caused problems: the document would be too small, would not update (or very slow to update), and/or it was hard to navigate. The steps below are more extensive, but the result was worth it.

 

Embedding A Google Document

 

1. Get the share link from the google doc

2. On Canvas Page, click to insert media

3. Paste the share link, but change the last part of the link 
CHANGE /edit?usp=sharing TO  /preview?pli=1
*Note = this is what puts the document into preview mode and show up on the page correctly. 

4. Change the dimensions
*Note = I recommend width = 100% Height = 600

5. Click Okay

6. Click HTML Editor

7. Adjust code 
change video to iframe, delete controls, extra bracket, and source
*Note = The document will not show up without these changes

Example:

CHANGE 

<p><video width="100%" height="600" controls="controls">
<source src="https://yourgoogledocshareaddress/preview?pli=1" /></video></p>

TO

<p><iframe width="100%" height="600" src="https://yourgoogledocshareaddress/preview?pli=1" /></iframe></p>

8. Save

 

Example of how a document will appear using these steps:

2 people found this helpful

Attachments

    Outcomes