Keegan just shared a great post about embedding a website in Canvas via the Redirect Tool: How To Integrate Websites Into Canvas. Lots of helpful information and screenshots also! If the goal is to have students actually stay in Canvas, using the Redirect Tool to add the site address to the course navigation definitely works. That is the method Keegan documents there in his post.
If, however, you want to use the embedded site as your Home Page, then you need a different option: the iframe tag is a way that you can insert a website into a Canvas Page. You can then make that Page the Home Page of your course. That’s the main difference between these two methods of embedding — unless there is some way to make a Redirect item into a Home Page??? If there is, I have not figured that out.
Here’s how the Blog-as-Home-Page works for me:
Whenever a student arrives at my Canvas course, the first thing they see is the announcements: Myth.MythFolklore.net (course is fully public, so you too can just click and go). Here’s a screenshot:
You’ll notice I also have a note up there at the top, alerting people that they can just pop open the embedded site in a tab of its own if they want.
So, if students are just on their way to the Gradebook, at least they will see the top part of the announcements (which is where I put the key information each day). If they are going to read through the whole announcements page, though, they will have a better time doing that outside the Canvas straitjacket, which is why I encourage them to open the blog in a new tab.
For details on how to embed a blog this way and also configure it to be the Home Page, see this post: Blissfully Blogging Announcements.
IMPORTANT: http links. Also, if you do embed a website, either with iframe or with the Redirect app, it is really important that you make sure the links open in a new tab. Canvas will not open http links inside Canvas; you have to open http links in a new tab. Worse: there is no warning or error message from Canvas if you click on an embedded http link. Just… nothing. You click and click and nothing happens. A student might figure out that they need to right-mouse-click to open in a new tab, but I wouldn’t count on it. They are just as likely to assume the link is broken.
So, given that there are still plenty of http links out there in the world — including all OUCreate sites that have not turned on encryption — I’ve found it easiest just to set up the site to open all links in a new tab automatically. I use the <base target=’_blank’/> tag in my blog template header, but I am guessing there are other good ways to do that too (more details).
Are there any other tips and suggestions from people who are using the Redirect app or iframe to bring external content into Canvas? Share your ideas in the comments here or at Keegan’s post. Or you can find us both at Twitter: @OnlineCrsLady and @KeeganSLW.
Crossposted at OU Canvas Community.