Embedding a Google Doc

ajonker
Community Novice
4
5387

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:

315830_Screen Shot 2019-06-21 at 8.47.04 PM.png

4 Comments