Table of Contents

Embed a Document from Google Drive

Jason Carroll Updated by Jason Carroll

Embed a Document from Google Drive

You will see that the 8675309 glossary page has changed. Going forward, we will manually embed the document in the glossary Canvas page. 

Embedding a document in a Canvas page from your Google Drive is simple. You can do it from your online Google drive view and you can do it with any document, including: text files, PPT and other presentations, PDFs, Excel files, and more. 

Embedding a document adds a document view directly on the Canvas page. Adding the embed code URL to Canvas is a slightly different process than simply adding a hyperlink. Luckily, all it takes is one extra click.

Why do this?

Doing this with the glossary page does two things:

First, the page looks and acts more like the rest of our pages. You’ll notice it starts with a <header2> title. And, it does not have the download bar above the document, which a) does not conform to the eCornell style, and b) suggests that the reviewer download the document. 

Second, it allows for reviewer commenting, which will make the review process seamless. The old page did not allow this review feature. Therefore, the old process encouraged multiple versions of the same document. Consider separate versions that the ID/A, the faculty partner, and the copy editor have, amongst others. Any one of these may create issues for any one along the chain.  

Embed your glossary in the Glossary page template

Embed from Drive
  1. In your Google drive browser view, set the document’s Share settings to “Anyone with Link” can comment and save. 
Note: This may have already been done.

  1. Now, from your browser Drive, Double click the PDF to open the preview in a different tab or window.
  2. On the preview, click the 3 vertical dots on the upper right-hand corner to open a dropdown menu.

  1. In the dropdown menu, select Open in a New Window.

  1. In the new window/tab, Repeat step 3. Click the 3 vertical dots on the upper right-hand corner to open the menu.
  2. Select Embed Item.

  1. Copy the URL and paste it in the Canvas glossary page template’s HTML editor, replacing the existing sample glossary URL. This will embed the document on the Canvas page.

  1. Click Save
Embed from an open Google document
  1. Open the Google file
  2. Open share settings and select Anyone with the link can comment > Commenter.
  3. Click Done

  1. From the Google document view, Select File> Share > Publish to the web
  2. Click the blue "Publish" button (if the document was not published in the past.)
  3. Click the "Embed" tab. 
  4. Copy code URL only (see graphic above) and place in Canvas URL location

 

Post-Review QA Preparation

When your file has passed through copy editing and you have uploaded your final files to S3, you can simply replace the URL with the new S3 URL. 

Add reviewer comments to the embedded PDF

  1. On the Canvas page, click the icon on the right-hand side of the embedded PDF to open the pdf in a new window.

  1. In the new window, highlight the desired text or item to edit and add comments as usual.
    1. When making your first comment, you may have to click the comment icon on the top of the document to open the comment option.
  2. Add your comment by clicking the icon on the right-hand side of the document.

  1. Click Comment to save your note.

  1. Once all reviews are complete and edits have been made, upload the completed file into S3 and replace the google drive URL with the new S3 URL. 
Glossary Versions: Before and After Views

Current Version - no longer available on 8675309 “Jenny”

Finished new version (link from S3)

Reviewer version (Google link)

Note: use the the right-side tab icon to open commenting preview screen
New glossary page code

<h2 class="Glossary">Glossary</h2>

<p><iframe src="PLACE EMBED URL HERE" width="95%" height="1280"></iframe></p>

Sample

<h2 class="Glossary">Glossary;</h2>

<p><iframe src="https://drive.google.com/file/d/1pk8R4kzkQoLzQ88bh8cMJGNUifdzSBgi/preview" width="95%" height="1280"></iframe></p>

How did we do?

Adding Google Links to Canvas

Contact