Embedding web objects in Rise
Jan 31, 2018
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
46 Replies
Hey Alex,
I have a related side-bar to your comment. I uploaded Articulate Storyline 3 content to a Rise module. It worked great in preview but when I exported to a SCORM1.2 zip file the LMS (ShareKnowledge) would not recognize it as an eLearning.
I just wanted to add.
best,
David.
Hi Alex,
Great question, and I know that this is one you've brought up previously here.
To answer your question, it's not something that is on our roadmap right now.
I think you make a good use case though and I'm going to submit a feature request on your behalf.
Any ideas/suggestions can always be made here.
Hey David,
Thanks for chiming in to share your findings and experience.
As you can see here, we are aware that tracking of Storyline within Rise is not happening right now.
This is actually something that is on our radar, but I do not have an ETA to share.
Thanks Leslie!
Absolutely. Request has been sent :)
Thanks again for sharing Alex.
Thanks so much Leslie!
Hi Leslie,
Any progress on David's request? I remember asking a similar question a year ago. I will be great if we can embed web object seamlessly within Rise.
Hey, Abd. Thanks for checking in!
While the ability to embed web objects per se is not a block of Rise at this time, I'd love to understand more about your needs. Could the Embed block work for what you're looking to do? If not, would you mind telling us a little more about the type of scenario you would use such a block in?
Excited to hear your thoughts!
Many thanks, Katie for the prompt reply.
Yes, I would like to be able to embed web object per se so that it will
appear within Rise rather than taking the learner to the external
application.
For example, I created an activity using a web-based application. I have
the option to embed on the LMS or website. I tried using the Snippet but
the object didn't come out properly.
This is the embed code:
Thanks.
Karim
-------------------------------------
Professor Abd Karim Alias
Director
Pusat Pembangunan Kecemerlangan Akademik
(Centre for Development of Academic Excellence, CDAE)
Universiti Sains Malaysia
11800 Penang, Malaysia
Tel: 6046534422
Fax: 6046534471
Email: cdae@usm.my
------------------------------------
Professor Abd Karim Alias
Lecturer
Food Technology Division
School of Industrial Technology
Universiti Sains Malaysia
11800 Penang
Malaysia
[image: --]
Abd Karim Alias
[image: https://]about.me/profkarim
<https://about.me/profkarim?promo=email
Hi Karim,
It looks like you meant to include the embed code, but it didn't come through.
Instead, could you click here to open the discussion, and then paste the embed code in a new reply? Thanks!
Hi Alyssa,
Yes, it didn't come through. I paste the embed code below:
<div style='position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;'><iframe allowfullscreen='true' allowtransparency='true' frameborder='0' height='315' src='https://www.mentimeter.com/embed/85f1d2174b065f93078d33e80e060061/26c39b2df3f6' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%;' width='420'></iframe></div>
Thanks, Karim!
I made a few adjustments to your embed code based on our suggestions for iframe codes in Rise here.
This is the embed code I used:
<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.mentimeter.com/embed/85f1d2174b065f93078d33e80e060061/26c39b2df3f6"style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="420"></iframe>
And here's a sample Rise course with that embedded website!
Hi Alyssa,
I seem to have the same problem as Karim, with an embed code that is marked as invalid. I have tried to follow your insructions, without success. Could you help, please? This is my embed code
<iframe...><div style='position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;'><iframe allowfullscreen='true' allowtransparency='true' frameborder='0' height='315' src='https://www.mentimeter.com/embed/8caeea08cc84a2b832c87d4ee26b7841/e3dec6fb1850' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%;' width='420'></iframe></div><iframe>
Thanks!
Regards Linda
Hi Linda,
It looks like you have an iframe inside another iframe, whoops! Also, you'll want to make sure you're using the double quotes versus single quotes as noted in this article.
Here's an update to your code:
<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.mentimeter.com/embed/8caeea08cc84a2b832c87d4ee26b7841/e3dec6fb1850" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="420"></iframe>
And, here's a Share link where I was able to use it in Rise.
Hi, Thanks a lot! :)
Linda
Many thanks, Alyssa. Appreciate your prompt reply.
Hello - I am having no luck yet with this code for my Mentimeter embed:
<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.mentimeter.com/embed/fe3787f8d4c52afd559b95b1c76b07a3/a7de1d826fca" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="420"></iframe>
It doesn't come up as invalid, but all I can see in edit or preview is the string of code.
Any suggestions would be gratefully received.
Hi Peggy,
I took your embed code and placed it into a multimedia embed block and it worked fine (see image below). What block are you using in Rise?
Hmm...I'm trying similar but with Poll Everywhere & no luck???
<iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="315" src="https://www.polleverywhere.com/multiple_choice_polls/8FX4Xe2CSwKDrp1/web.js?height=250&results_count_format=percent&width=300"></iframe>
Hi Taryn,
That code is not working for me either, however I tried inserting the link alone ( https://www.polleverywhere.com/multiple_choice_polls/8FX4Xe2CSwKDrp1/web.js?height=250&results_count_format=percent&width=300 ) and it's working for me. Could you try that out and see if it works on your end?
Hi Allison
Yes the URL works, but it doesn't embed the poll, it just adds a web link to it - see attached. I was hoping that students could actually see the poll and respond within RISE.
Taryn
Hi Taryn
I see what you mean! Here's a new code that is working on my end, can you try it out: <iframe src="https://www.polleverywhere.com/multiple_choice_polls/8FX4Xe2CSwKDrp1"></iframe>
Let me know if that works!
Hey Allison
Yep - that worked. So all you did was change the <script to <iframe at each end?
Thanks so much for your help - love this community.
Perfect! I'm glad to hear it worked for you. :) Yes, that's correct.
Hello! I would like to replace the (3) images in my three column grid block with embeds using the "replace with embed" function....but it seems as if the only place you can replace images with embeds are when you are using an accordion block in Rise, is that correct?
Maybe you can see what I'm talking about under the section Call to Action Examples in the Rise course below:
https://rise.articulate.com/author/-6jMJ2Eb_15_5Tl6NIiHpw9hh1G-E5Wo#/author/details/XILwxnZmpO-tR7EOb-jGhPAElS1MX1s1
I want the images to be embeds to actual linkedIn post examples. Is that possible?
Thanks!!!