lesson plan

Embedden of linken op een website

A lesson plan by LessonUp Academy

Ready to use this lesson plan? Use the button below to save a copy of this lesson plan in your account. After doing so, you will be able to modify the lessons as you wish.

Wat je leert: op welke manieren je lesmateriaal kunt delen op een website; embedden of linken.
In hoeveel tijd: 5 minuten

📎 Embedden

Embedden betekent dat gebruikers de les direct op de website (van jouw organistatie) kunnen openen, zonder deze te verlaten.

Een voorbeeld hiervan is te zien bij Phion:
Note ⚠️: gesloten lessen en lesplannen kunnen niet ge-embed worden.

💻 Stappenplan embedden

Om LessonUp-lessen op een website in te laden, moet er een stuk JavaScript worden ingeladen op de website. Dit kan gedaan worden door de ontwikkelaar / beheerder van de website. Mocht de website gebruik maken van een Tag Management Systeem (TMS), kies er dan voor de code via het TMS in te laden.  Dit zijn de stappen:
LessonUp instructies:
  • Zet de lessen klaar die op de website getoond moeten worden. Zorg ervoor dat deze lessen openbaar zijn.
  • Verzamel de IDs voor de lessen. Het ID voor elke les kun je vinden door de les te openen.
  • Na het openen van de les staat het ID van de les in de URL-balk van de browser. Het ID bestaat uit de karakters tussen “/lesson/” en de eerstvolgende slash(“/”).
Deel vervolgens de IDs van de lessen en de onderstaande technische instructies met de beheerder / ontwikkelaar van de website.

Technische instructies:
  • Implementeer het onderstaande script op de pagina’s waarop de LessonUp-lessen ingeladen zullen worden. Het beste is dit in de <HEAD> van de webpagina onderstaande script-tag toe te voegen.
    <script src="https://www.lessonup.com/embed.js"></script>
  • Het openen van een les kan door het aanroepen van LessonUp.open(lessonId), waarbij lessonId (verplicht) een string is die gevonden kan worden in de LessonUp-omgeving van de organisatie.
  • Het sluiten van de les gebeurt met LessonUp.close().
  • Zorg ervoor dat LessonUp wordt opgenomen in de content security policy. LessonUp laadt content in vanaf de onderstaande domeinen.
    - Media-srchttps://api.lessonup.com/
    - Font-srcFonts.gstatic.com en/of Fonts.googleapis.com
    - Frame-srchttps://www.youtube-nocookie.com
                            en/of  https://player.vimeo.com/
    - Scripthttps://player.vimeo.com
Document
Heb je vragen over deze stappen? Neem dan contact op met support@lessonup.com.

🔗 Linken

Je kunt een website koppelen aan een gepubliceerde les via een hyperlink.
Kopieer hiervoor de link van de les (via de zoekbalk in je kanaal) en plaats die als tekstlink, knop of afbeelding op je website. 

Bijvoorbeeld zoals de Anne Frank Stichting  Anne Frank Stichting:

⏭️ LEER VERDER IN DE VOLGENDE MODULE . . .

Je weet nu op welke manieren je lesmateriaal kunt delen op een website; embedden of linken. Leer meer over het vouchersysteem in het volgende lesplan.

👉 Ga direct naar het volgende lesplan: gesloten lesmateriaal.