Forum Discussion

AlexMee-ca966a2's avatar
AlexMee-ca966a2
Community Member
7 years ago

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

  • JimPeduto's avatar
    JimPeduto
    Community Member

    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. 

  • 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>
  • JessSerafin's avatar
    JessSerafin
    Community Member

    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's avatar
      Crystal-Horn
      Staff

      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!

      • JessSerafin's avatar
        JessSerafin
        Community Member

        Thank you so much! It appears to be working now!

        [Paylocity logo]
        Jess Serafin
        Benefit Program Specialist
        224.857.5246
        [Follow us on Facebook!][Follow us on Twitter!][Follow us on LinkedIn!][Follow us on Instagram!]
        jserafin@paylocity.com

  • 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>

  • Hi Caitlin!

    Do you have a URL for the web content you want to embed? If so, we can use the URL to craft an iframe code using this simple template:

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

  • 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

     

  • NeveanKhalil's avatar
    NeveanKhalil
    Community Member

    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?

  • 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.