iFrame Code not working in Rise

Hello Alyssa, I am having this issue as well and your suggested formula is not working. Now, I wonder if video is a media that can be added to the process block with an embed file.

Hi Valentina!

Yes, you should be able to use the iFrame code formula <iframe src="URL"></iframe>  in a process block.

Would you be willing to share your iFrame code with me? I'd be happy to take a closer look!

Hello,

I'm trying to use an iframe code provided by the CDC, https://tools.cdc.gov/medialibrary/index.aspx#/microsite/id/403323, in Rise.  When I paste it in it tells me to enter a valid URL or iframe.  The CDC does say " Some content management systems, including Google Sites, do not support iframes, and so will not support the current CDC microsite versions."  I'm working in Google Chrome. 

Hi there, Heather! I used that URL to make a sample course here. I used both the URL, and then I added it to an iframe.

Here are some things to consider when checking out your embed codes. Let me know if it's giving you trouble!

Hi Crystal,

I was trying to copy the embed code exactly as the CDC had it listed and I see you changed it.  And it works!  Thank you for your help on this. 

Heather

I have a follow-up question/observations actually.  On the iframe example you sent it shows the larger CDC page, with the preview and embed tabs.  I want just the content that is shown under the preview to be displayed, which I believe is what the embed code the CDC provides would do, vs using the site URL.  I've attached screenshots of what I'm talking about.  Is it possible to just embed the preview content in Rise? 

Second screenshot

Hi Heather!

Try using this embed code, and let us know if that's closer to what you're looking for:

<iframe src="https://www.cdc.gov/coronavirus/2019-nCoV/summary.html"></iframe>

For best results, click the Settings tab, and set the Embed Width to Full Width.

That is closer, though not the same, and will work.  Are you also not able to use the embed link the CDC is offering?  I'm fine with a work around, just wondering if it's me not being able to embed the link they offer or if it's not possible in Rise for some reason.  

The embed link offered by the CDC website doesn't work in Rise 360, so I would use the one Crystal provided or the one I shared. 

<iframe src="https://tools.cdc.gov/medialibrary/index.aspx#/microsite/id/403323"></iframe>

-or-

<iframe src="https://www.cdc.gov/coronavirus/2019-nCoV/summary.html"></iframe>

Hi Crystal, I was reading through the thread and saw your sample. Can you clarify how the first test was created? I thought it was a code snippet block but I was wrong. Thanks a lot! - J

Hello, DFS University!

Crystal's sample uses a Multimedia Embed block. You can insert a standalone URL, and that will allow learners to click a link to view the website outside of the Rise 360 course.

You can also use an iframe code like the one below to embed the website directly inside of your Rise 360 lesson. 

<iframe src="URL HERE"></iframe>

Hi - I used the iframe code you mentioned above but am unfortunately getting an error that it cannot connect.

Hi Katie,

Some web sites do not allow iframe linking.

Thanks! So it is an issue with the site itself/blocking it rather than RISE?

Based on your screenshot, it seems the iframe code is working, but the web site is blocking Rise from connecting to it.

Thanks!

Hello, I have another question about using a CDC embed code in Rise 360.  The following code offered by the CDC is not working.  Based on what I've read elsewhere, I've tried converting the quotes from single to double and adding <iframe before and </iframe> after.  I've also read that for Rise you need to remove the non-iframe code, but that is necessary for this embed to work.  It denotes the color, theme, and language.  

<div data-cdc-widget='healthBot' data-cdc-theme='theme1' class='cdc-widget-color-blue' data-cdc-language='en-us'></div>
<script src='https://t.cdc.gov/1M1B'></script>

Any help or advice you can provide would be appreciated! 

Hi Heather, can you share the full embed code that you are using so we can test it?  Thanks!

Hi Lea!  The code is pasted above in my previous post.  You can also look directly at the CDCs website, https://tools.cdc.gov/medialibrary/index.aspx#/media/id/405848. 

Hi Heather! I was able to create a new iframe code for you to use in a multimedia embed block

<iframe src="https://covid19healthbot.cdc.gov/"></iframe>

This embedded content doesn't include a title, so you may want to add a "Coronavirus Self-Checker" heading above the embed block. I hope this helps you! 

Thank you, Alyssa!  I don't suppose there is an easy way for me, or anyone else, to edit these embed codes that don't work in Rise.  I appreciate you doing this work and providing me a finished product and it would also be nice to not have to ask for tailored assistance!  

Hi Heather! In this particular case, the Coronavirus Self-Checker on this page could not be embedded in Rise. Fortunately I was able to find another link to the same self-checker, and that link worked perfectly in the embed block using this iframe code template:

<iframe src="URL"></iframe>

hI Heros,

I got trouble in inserting my iframe code. Here is my code:

<iframe src="https://journals.asm.org/doi/10.1128/jmbe.00168-22"></iframe>

It said, "journals.asm.org refused to connect". Any suggestions are appreciated!

Thanks