Skip to content

JavaScript SDK

Einen Lecturio e-Vortrag mittels JavaScript einbetten

Anstatt einen Iframe zu benutzen können Sie Lecturio e-Vorträge auch bequem über JavaSript einbinden. Diese Methode hat zwei wesentliche Vorteile:

  1. Die URL Ihrer Webseite wird automatisch vom JavaScript ausgelesen und Ihre Besucher werden z.B. nach einem Kauf wieder korrekt zu Ihnen zurückgeleitet. Sie müssen die URL also nicht manuell eingeben und können den e-Vortrag ganz flexibel dort einbetten, wo Sie möchten.
  2. Der Lecturio e-Vortrag wird erst dann geladen, wenn der Rest Ihrer Webseite geladen wird. Der Aufbau Ihrer Seite wird also nicht verlangsamt.

Das Einbetten eines Lecturio e-Vortrages erfolgt über zwei unterschiedliche Elemente:

1. JavaScript SDK

Bevor der Player geladen werden kann, müssen Sie das dafür nötige JavaScript auf Ihrer Seite einbinden. Erst dann wird die korrekte Funktionalität bereit gestellt. Beachten Sie das die folgenden Code-Zeilen nur einmal auf Ihrer Seite einbunden werden darf!

Kopieren Sie die folgenden Zeilen und fügen Sie diese einmal in Ihre Seite ein.

<div id="lec-root"></div>
<script type="text/javascript">
  (function() {
    var e = document.createElement('script');
    e.type = "text/javascript";
    e.src = "http://www.lecturio.de/js/lec-sdk.js";
    document.getElementById("lec-root").appendChild(e);
  }());
  window.initLec = function() {Lec.init({pc: 'your_affiliate_partner_code'});};
</script>

Hinweis für Affiliate Partner

Falls Sie über einen Partner-Code verfügen, achten Sie darauf, dass dieser korrekt mittels der window.initLec Funktion übergeben wird. Ersetzen Sie dazu einfach den Platzhalter

1
your_affiliate_partner_code

mit Ihrem Partner-Code.

Informationen wie Sie ein Lecturio Affiliate Partner werden können, finden Sie in der entsprechenden Anleitung.

2. Platzhalter-Code für den e-Vortrag

Sobald Sie das JavaScript SDK in Ihre Seite eingebunden haben, ist die Einbindung eines Lecturio e-Vortrags denkbar einfach. Fügen Sie die folgende Zeile Code an der Stelle ein, an der später der e-Vortrag erscheinen soll:

<a href="lecture_details_url" rel="lec:player" rev="key:lecture_access_key[,w:width[,h:height],pl:layout]">lecture_title</a>

Wichtig: Sie müssen folgende Attribute angeben, damit der e-Vortrag korrekt auf Ihrer Seite angezeigt wird:

  • key: [erforderlich] – 32 alpha-numeric characters – Zugangscode zum e-Vortrag;
  • width: [optional] – Zahlenwert – gewünschte Breite des e-Vortrags
  • height: [optional] – Zahlenwert – gewünschte Höhe des e-Vortrags
  • layout: [optional] – [smallLayout,mediumLayout,largeLayout] – gewünschtes Layout des Players
  • lecture_details_url: [erforderlich] – URL zur Übersichtsseite des e-Vortrags
  • lecture_title: [erforderlich] – Titel des e-Vortrags (nur sichtbar falls JavaScript deaktiviert sein sollte)