To expose a course for learners on your website, you will need the ID of the course (COURSE_ID) and the session ID of the learner (LEARNER_SID) obtained from the sign-in script that you would execute to authenticate your existing users with Versal for Organizations API. Fill them in to the template below and follow the instructions in the snippet below:
<!-- 1. Insert required styles and scripts into the page <head> -->
<link rel="stylesheet" href="https://versal.com/player/browser.css">
<script src="https://versal.com/player/vendor.js"></script>
<script src="https://versal.com/player/browser.js"></script>
<!-- 2. Provide a "root element" within the <body> of the page -->
<div id="player_container"></div>
<!-- 3. Provide a user session ID and course ID and call the launcher script -->
<script>
var playerOptions = {
"sessionId" : "LEARNER_SID",
"courseId" : "COURSE_ID"
};
var rootEl = document.getElementById('player_container');
var player = window.launchVersalPlayer(rootEl, playerOptions);
player.on('courseCompleted', function (payload) {
console.log("You've completed ", payload.courseId)
});
</script>
Comments
0 comments
Article is closed for comments.