create_an_interactive_e-learning_template
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
create_an_interactive_e-learning_template [2019/10/15 08:42] – [Extended method of tracking the end of the quiz] lucy | create_an_interactive_e-learning_template [2020/08/11 18:51] – lucy | ||
---|---|---|---|
Line 27: | Line 27: | ||
b) If you are working on an awareness website within a campaign then click here (see pic) | b) If you are working on an awareness website within a campaign then click here (see pic) | ||
- | {{ q2.png?600 }} | + | {{ :: |
Lucy then will automatically inject a JavaScript called /js/quiz.js to your template, making quiz-‐related functions available | Lucy then will automatically inject a JavaScript called /js/quiz.js to your template, making quiz-‐related functions available | ||
Line 47: | Line 47: | ||
===== How to track users watching an awareness video ===== | ===== How to track users watching an awareness video ===== | ||
+ | |||
+ | LUCY allows you to verify if a training video was played. Once a recipient finished watching the video he should be marked as " | ||
**Method 1: using the quiz checkbox** | **Method 1: using the quiz checkbox** | ||
Line 54: | Line 56: | ||
* Mark the awareness template or website as " | * Mark the awareness template or website as " | ||
- | {{ quiz_enabled_c.png?600 }} | + | {{: |
* Make sure your awareness website (or template) has the quiz-question-titles.js static file with the following content: {" | * Make sure your awareness website (or template) has the quiz-question-titles.js static file with the following content: {" | ||
Line 68: | Line 70: | ||
**Method 2: using the video tracking JavaScript** | **Method 2: using the video tracking JavaScript** | ||
- | Using our custom tracking JavaScript which can be downloaded {{:: | + | Using our custom tracking JavaScript which can be downloaded {{:: |
- | {{ video_tracking_new.png?600 }} | + | {{:video_2.png?600|}} |
- | This script allows you to track a video start and finish event and also display the progress in statistics (rounded percent in different event types like video-10 for 10% video played or video-90 for 90% video played, etc.). When the video is started, it sends a " | + | This script allows you to track a video start and finish |
{{ video_stats_sample.png? | {{ video_stats_sample.png? | ||
Line 79: | Line 81: | ||
===== Extended method of tracking the end of the quiz ===== | ===== Extended method of tracking the end of the quiz ===== | ||
- | Starting with version Lucy 4.6, there is a new option called “Use extended method of tracking the end of the quiz”, which is designed to track when the user finishes the quiz. The option is available on the Awarness | + | Starting with version Lucy 4.6, there is a new option called “Use extended method of tracking the end of the quiz”, which is designed to track when the user finishes the quiz. The option is available on the Awareness |
{{ :: | {{ :: | ||
Line 88: | Line 90: | ||
:!: Attention! Enabling this option without calling the " | :!: Attention! Enabling this option without calling the " | ||
+ | By default, Lucy marks each recipient as " | ||
+ | |||
+ | ==== An example of usage the function lucyQuizEnd() in awareness training ==== | ||
+ | |||
+ | Using the awareness template " | ||
+ | |||
+ | Add a new variable " | ||
+ | |||
+ | < | ||
+ | var correctAnswersCount = 0; | ||
+ | </ | ||
+ | |||
+ | {{ :: | ||
+ | |||
+ | Find the place in the code where function lucyQuizAnswer is called and insert a call of the function lucyQuizEnd after it with the condition as shown below. | ||
+ | |||
+ | < | ||
+ | correctAnswersCount++; | ||
+ | if (correctAnswersCount >= 5) { | ||
+ | lucyQuizEnd(); | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | {{ :: | ||
+ | |||
+ | Save the template and run the campaign. After 5 quiz questions are answered correctly, the recipient will be marked as " | ||
+ | |||
+ | :!: **Attention**. Using the function // | ||
+ | |||
+ | |||
+ | ===== Troubleshooting ===== | ||
+ | |||
+ | __Issue.__ Lucy marks the recipients as ' | ||
+ | __Solution__: | ||
+ | |||
+ | __Issue.__ Lucy does not mark the recipients as ' | ||
+ | __Solution__: |
create_an_interactive_e-learning_template.txt · Last modified: 2021/04/30 11:38 by lucy