Forum Discussion

SiobhanKeleher-'s avatar
SiobhanKeleher-
Community Member
6 years ago

Embedding genially interactions in Rise

Hi

We use a product called 'genially' to create interactive diagrams. When I copy and paste the embed code into Rise I get a message saying the code is invalid. Has anyone used genially??

  • You may need a few tweaks to your embed code, Siobhan.

    Use the formula <iframe src="URL"></iframe>. Just replace URL with the link for the content you want to embed.

    Success depends on whether or not the site you linked to allows their content to be embedded in frames. Let me know if that simplified code above works for you!

    • BrigitaLazdia's avatar
      BrigitaLazdia
      Community Member

      Hello! 

      Thank you for the formula. I managed to insert the interactive diagram into Rise. However, my question is: how can I ensure that this link will always work? Even if I no longer have a Genially subscription after 5 years. Is this secure? Is there a way to upload the downloaded file to the Rise platform?

      Thank you for your time!

      • GrenForonda's avatar
        GrenForonda
        Staff

        Hi Brigita!

        Your Genially interaction in the Embed Block will work as long as your Genially code/link works.

        As for uploading a downloaded file in Rise, you may use the Attachment block to upload files such as PDFs or ZIP files in your Rise 360 course.

        Let us know if you have questions or clarifications!

  • KarlMuller's avatar
    KarlMuller
    Community Member

    If you post your embed code here somebody may be able to help you. Also recommend reposting this question in the Rise forums.

  • That worked perfectly thank you! There was a lot of extra code in the embed generated by genially which was probably causing the problem. I know very little about HTML code so would never have worked it out!!

    • Crystal-Horn's avatar
      Crystal-Horn
      Staff

      Glad that helped, Siobhan. It's all a learning process, even for us!

  • Hi, 

    I am also interested in the possibility to insert Genially interactions into a Storyline or Rise projects and publish reviews.

    In SL, I could insert a web object and just past the URL starting with "view.genial.ly" (not "app.genial.ly"). It worked just fine.

    But in Rise, it didn't work to past the URL between <iframe> tags in a multimedia "embed" block like this :

    <iframe src :"https://view.genial.ly/61eece33cdc839001245f8bf"></iframe>

    I was wondering which URL did Siobhan past exactly.

    Could you help me ? Here is the embed code, if necessary :

    <div class="container-wrapper-genially" style="position: relative; min-height: 400px; max-width: 100%;"><video class="loader-genially" autoplay="autoplay" loop="loop" playsinline="playsInline" muted="muted" style="position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;margin-bottom: 10%"><source src="https://static.genial.ly/resources/panel-loader-low.mp4" type="video/mp4" />Your browser does not support the video tag.</video><div id="61eece33cdc839001245f8bf" class="genially-embed" style="margin: 0px auto; position: relative; height: auto; width: 100%;"></div></div><script>(function (d) { var js, id = "genially-embed-js", ref = d.getElementsByTagName("script")[0]; if (d.getElementById(id)) { return; } js = d.createElement("script"); js.id = id; js.async = true; js.src = "https://view.genial.ly/static/embed/embed.js"; ref.parentNode.insertBefore(js, ref); }(document));</script>

      • ArianaMarcelaMa's avatar
        ArianaMarcelaMa
        Community Member

        Hello Hazel,

        it also worked for me, thank you very much, on the other hand I would love to know if there is a way I can make the container block bigger as the interactive buttons are really small for cellphones. Do you know how can I solve it?

        Kind regards,

        Ariana 

  • hello!

     

    i need your asesory.

     

    When i try to insert the genially code, i went to rise and i choosed multimedia section, code snipeed.?

     

    i need to insert this link:

     

    Inframe

    <div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="PALABRA SECRETA" frameborder="0" width="1200px" height="675px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/64b00dc5c2758000129c7620" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>

    script

    <div class="container-wrapper-genially" style="position: relative; min-height: 400px; max-width: 100%;"><video class="loader-genially" autoplay="autoplay" loop="loop" playsinline="playsInline" muted="muted" style="position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;margin-bottom: 10%"><source src="https://static.genial.ly/resources/loader-default.mp4" type="video/mp4" />Your browser does not support the video tag.</video><div id="64b00dc5c2758000129c7620" class="genially-embed" style="margin: 0px auto; position: relative; height: auto; width: 100%;"></div></div><script>(function (d) { var js, id = "genially-embed-js", ref = d.getElementsByTagName("script")[0]; if (d.getElementById(id)) { return; } js = d.createElement("script"); js.id = id; js.async = true; js.src = "https://view.genial.ly/static/embed/embed.js"; ref.parentNode.insertBefore(js, ref); }(document));</script>

     

    please help me, how i can inset this in rise.

     

    Thanks

     

     

     

    • KarlMuller's avatar
      KarlMuller
      Community Member

      Hi Gloria,

      Do not use the Code Snippet block.

      Create a Multimedia / Embed block.

      Then Edit the block and replace the link that's already there with your link.

    • KarlMuller's avatar
      KarlMuller
      Community Member

      Hi Gloria,

      Sorry, but I'm not going to open a Word document from a public web site.

      • gloriagaviria-7's avatar
        gloriagaviria-7
        Community Member

        karl, is the step by step of the process.  i appreciated your time, but i didnĀ“t understand how i can put this script code from genially in rise 360. Thanks

  • Mfapi2324's avatar
    Mfapi2324
    Community Member

    Hello everyone !

    It seems that the Geniallys can't be integrated in Rise anymore. When we use the Embed Block, it shows the visual of the Genially and the user has to leave the e-learning by clicking the URL (see image joined). Help please ! :)

    • StevenBenassi's avatar
      StevenBenassi
      Staff

      Hi Mfapi 2324!

      Sorry to hear you've run into this issue!

      I see that you've also opened a support case being handled by my teammate, John Carlo. It looks like John Carlo replied to your e-mail with insight into this behavior. You're in great hands troubleshooting with him, and we can continue the conversation through your case.