Embedding Google Doc in Canvas with extras

Last year I began creating all my syllabuses in Google Docs and embedding them in Canvas.

It was possible then to just take the URL of your Doc, and put it into an iframe, with any extras you like. I liked to remove the ruler and navigation at the top of the Doc (rm=minimal), remove the headers (headers=false) and set the width and height (width 99%, height 1200px). It was working fine, and looked like this:

<iframe src="https://docs.google.com/document/d/165o30E5jiFE2zUBecH6kZL3D3eTs3Dnmal8K80P8bvY/edit?rm=minimal&headers=false" width="99%" height="1200px"></iframe>

Well, now something (Canvas or Google) won’t let that happen, and you must follow the instructions for publishing your Doc to the web. Here are instructions from Tufts. Trouble is, that gives you the set iframe code to paste in, but you don’t have the extras. So here’s how I added them.

What Google publishing gave me was this:

<iframe src="https://docs.google.com/document/d/e/2PACX-1vSpS0g-4SIpMzCvSRpukiKFPX5T5PDh9Xv9uo_8d3bNyBQ5ZodmqnYoRKjTFIaZQpqr8F9yJbnVlaj-/pub?embedded=true"></iframe>

Here are the changes I made:

<iframe src="https://docs.google.com/document/d/e/2PACX-1vSpS0g-4SIpMzCvSRpukiKFPX5T5PDh9Xv9uo_8d3bNyBQ5ZodmqnYoRKjTFIaZQpqr8F9yJbnVlaj-/pub?embedded=true&rm=minimal&headers=false" width="99%" height="1200px"></iframe>

Unfortunately, this wasn’t good because “publishing” a Doc in Google freezes it somehow, and doesn’t always include the images or proper formatting. Also, I couldn’t edit the Doc from inside Canvas, which is nice to be able to do.

The better solution was to use Share rather than Publish. In the Doc, click on Share, and copy the “get shareable link” URL. Then put it into the iframe code:

<iframe src="https://docs.google.com/document/d/1MN8nGYzZvXOmOmfAPvfkAzPTm82bz1VFVpUiiI55xlc/edit?usp=sharing?embedded=true&rm=minimal&headers=false" width="99%" height="1200px"></iframe>

 

 

I also provide a link, of course, for easier printing.

 

(Updated post)

 

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>