Embedding web objects in Rise

Hi,

I'm currently investigating the opportunity for embedding bespoke activities in rise , and was wondering if there was any thought behind embedding html packages/content into a rise block. 

Currently, the only way is to embed something through an iFrame, which means we have to host our content elsewhere. For some clients, their maybe limitations with accessing this content, such as firewall security or internet connection. 

In the past with Storyline, publishing has enabled us to package up the web objects content within the Storyline package, which has meant to have not had issues with hosting or accessing content from external sources. 

I have noticed that you are able to import Storyline files into rise, and that upon exporting, the storyline file does in fact get grabbed and contained inside the final Rise export. So will there be a chance to do so going forward with other content/packages?

Thanks,
Alex

47 Replies
Allison LaMotte

Hi Leah,

I just had a look and you're right - the 3 column grid is for images only, not embedded links.

That being said, there are many other block types that do support embedded content. Here's a quick-reference table that shows what kind of media you can insert in each block type.

I hope that's helpful! Let me know if you have any other questions.

Allison LaMotte

Hi Leslie,

I tried using an iFrame code to embed that site, and I got the `public.tableau.com refused to connect` error. I’m not positive, but this could mean that that site cannot be embedded in a frame.

To be sure, I would get in touch with our Support Team so they can take a closer look. You can submit a case here.

In the meantime, if there's anything else I can do to help, please let me know!

Jim Peduto

Hi. I am having trouble embedding into an embed block.

<iframe src='https://ssccust1.spreadsheethosting.com/tmp/5a/30f3757249dd82/Touch%20Point%20Labor%20Reallocation%20Tool/Touch%20Point%20Labor%20Reallocation%20Tool.htm' width='960' height='720' border='0' frameborder='0'>
<p>Your browser does not support iframes.</p>
</iframe>

The code was gernated from an appication we use. if it helps here is a link the the page: https://tinyurl.com/sy8fbjc

Thanks in advance. 

Alyssa Gomez

Hello, Jim!

When embedding web content in Rise 360, use the formula <iframe src="URL"></iframe>. Just replace URL with the link for the content you want to embed.

Using the formula above, the embed code for your web content would be:

<iframe src="https://ssccust1.spreadsheethosting.com/tmp/5a/30f3757249dd82/Touch%20Point%20Labor%20Reallocation%20Tool/Touch%20Point%20Labor%20Reallocation%20Tool.htm"></iframe>
Jess Serafin

Hello! I'm trying to embed the following code within my course but nothing happens: 

<div style='position: relative;width: auto;padding: 0 0 65%;height: 0;top: 0;left: 0;bottom: 0;right: 0;margin: 0;border: 0 none' id="experience-5d0bbe90702f7" data- aspectRatio="1.5385"><iframe allowfullscreen src='//view.ceros.com/solium/shareworks- participant-training-noop' style='position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0;padding: 0;border: 0 none;height: 1px;width: 1px;min-height: 100%;min-width: 100%' frameborder='0' class='ceros-experience' scrolling='no'></iframe></div><script type="text/javascript" src="//view.ceros.com/scroll-proxy.min.js" data-ceros-origin- domains="view.ceros.com"></script>

I tried removing the "<div style='position: relative;width: auto;padding: 0 0 65%;height: 0;top: 0;left: 0;bottom: 0;right: 0;margin: 0;border: 0 none' id="experience-5d0bbe90702f7" data- aspectRatio="1.5385"  before the "<ifrome> code starts (this code was sent to us by the publisher of the content so I don't know anything about how this code was built- sorry!).  

I don't think I see anything wrong with the double quotes unless that applies to every time I see any quotation marks.  I'm open to any help - thank you in advance! 

Crystal Horn

Hello, Jess. Try these 3 tips:

First, I would cut this code down to this section:

<iframe src='//view.ceros.com/solium/shareworks- participant-training-noop' style='position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0;padding: 0;border: 0 none;height: 1px;width: 1px;min-height: 100%;min-width: 100%' frameborder='0' class='ceros-experience' scrolling='no'></iframe>

Second, the URL for the content should be an absolute link, and it looks like they've give you a relative link. Absolute links have https: in front of them. We need that for the content in Rise 360 because you aren't already on the website that is hosting this content.

And lastly, you'll need to have double quotation marks around the absolute URL:

"https://domainname/view.ceros.com/solium/shareworks- participant-training-noop"

Just replace domainname with the domain used in the absolute URL that they give you. I hope that helps!

Caitlin Tedford

Trying to add an embed code that is an HTML into my articulate rise training. Is there a way to turn this into an iframe code? 

 

<div id="embedded-feed" style="height:800px;width:400px;"></div>
<script type="text/javascript" src="https://s0-azure.assets-yammer.com/assets/platform_embed.js"></script>
<script type="text/javascript">
yam.connect.embedFeed({
container: "#embedded-feed",
network: "principalworkplace.com",
feedType: "group",
feedId: "38527188992"
});
</script>

Amelia Costigan

I know this is an old thread but I would love to embed this into a course but cannot get it to work (I am not great with HTML)  <iframe src="https://e.infogram.com/_/F69Tu1igzGseMHOE8app?src=embed" title="Flip the Script - Lead Inwards" width="827" height="3279" scrolling="no" frameborder="0" style="border:none;" allowfullscreen="allowfullscreen"></iframe>

It's an Infogram that we thought would be great to end with: https://infogram.com/1plrv3gvxzdvpnsqkn73k70kjyiz1v29j66

 

Any ideas if I can get it to work? Thank you

 

Nevean Khalil

Hello! This thread is a bit old but if it's possible to get some help, I'd appreciate that.... I followed the thread but was wondering if the embed block in Rise 360 supports widgets with this sorta code:

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

Unfortunately I cannot add this as an Iframe because if you test out the 'src' it is not a proper webpage but rather a link to code. Any thoughts?

Renz Sevilla

Hi Nevean!

Thanks for reaching out! Looks like you're trying to take a piece of an active widget from the script from another site. This won't work in Rise 360 as is, you would need to get the proper embed format for this to work. You can check out some of the many providers at Embedly that can carry a similar function to what you're looking for or try using their embed generator.

Absurd  University

I am trying to embed a Google form, but I can't get the embed to work. Here is the code from Google: 

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdoYLuDXA1eOp0tZv5OOCgi7ANJrsz4z6gk0ZIY-tafWXhkKQ/viewform?embedded=true" width="640" height="970" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

Renz Sevilla

Hi Absurd University! 

Please remove the word "Loading..." between the iframe tags and it should fix that right up!

So the code should look like this:


<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdoYLuDXA1eOp0tZv5OOCgi7ANJrsz4z6gk0ZIY-tafWXhkKQ/viewform?embedded=true" width="640" height="970" frameborder="0" marginheight="0" marginwidth="0"></iframe>

Please let me know if you still have trouble!