[ARCHIVED] Instagram Content Embedding

[benjamin_shiple]

When trying to embed content from Instagram, the content is 'grayed out.'

Any ideas?

[Chris_Hofer]

Hi there,  @benjamin_shiple ​...

I tested this out in my own sandbox course.  I am also getting a gray box after using embed code from an image uploaded to Instagram.  I went a step further and compared the embed code I pasted in to a Canvas page with the same page after I had saved the page and then went back to edit the page.  The code was significantly less than what I originally pasted in...which tells me the editor was probably stripping out some of the code that it doesn't allow in Canvas pages.

The code on the left was the code I got from Instagram.  I pasted that into a Canvas page, and then I saved the page to see what it looks like (result: gray box).  Then, I went back to edit the page and check out the HTML.  The code on the right is what I saw.

I think it would be cool if Instagram/Facebook created a LTI integration.  It would, hopefully, resolve the issue you and I are seeing here.

Hope this helps, Benjamin.

[benjamin_shiple]

Ahh yeah, it does seem unsupported. Maybe one day! Thanks!

[Stef_retired]

 @benjamin_shiple ​,  @Chris_Hofer ​ has nailed it; the embed code Instagram supplies isn't supported by the Canvas RCE. For a full list of supported tags, elements, and attributes, please refer to the Canvas HTML Editor Whitelist.

[benjamin_shiple · Accepted solution]

Hi Everyone,

In doing a little bit more sleuthing, I've found a work-around. Use this code,

<p><iframe src="//instagram.com/p/______________/embed/" width="612" height="710"></iframe></p>

but replace the underscores with the part of the instagram url following "https://instagram.com/p/"

Solution from Wordpress Instagram Embed: One Problem, Two Solutions | Pace

[Stef_retired]

Nice!

[mandana_mahdavi]

This Instagram embed code is not working? It does not show the feeds. Any idea?

[rachel_millstei]

We have successfully embedded a Instagram Feed onto the canvas page using the free widget https://snapwidget.com/

It is easy and you do have to create an account.  It is free and it works if you can't find the numbers in the previous post from Ben Shipley.  It autoupdates and is size customizable.

It also has Twitter Feed options.

[mandana_mahdavi]

Great job Rachel. I just embedded a Instagram feed in Canvas.

Thank you for sharing

[mechetech]

Instagram seems to have made this exponentially harder.

I just used the free version of https://embedsocial.com/instagram-widget/ which worked well for me. There's a paid version with more customization if needed.