ThingLinks in deine Website einbetten

In den meisten Fällen brauchst du zum Einbetten von ThingLink in deine Website nur den Standard-Code 'Embed Media'. Du erhältst ihn, indem du auf die Schaltfläche 'Teilen' klickst und 'Auf Website einbetten' auswählst:

Dieser Artikel enthält:

• Beispielcode & Beispiele für eingebettete Bilder, 360-Bilder und Videos - probiere aus, sie in deine Website einzubetten, um zu sehen, wie es funktioniert!
• Einschränkungen und allgemeine Hinweise
• Vollbild-Schaltfläche entfernen

Suchst du Informationen zum Einbetten von ThingLink-Szenarien? Lies stattdessen diesen Artikel.

Beispiel: Bild einbetten

<iframe width="640" height="360" data-original-width="640" data-original-height="360" src="https://www.thinglink.com/view/scene/1205491285159313415" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Beispiel: 360-Bild einbetten

<iframe width="640" height="320" data-original-width="640" data-original-height="320" src="https://www.thinglink.com/view/scene/1205132232365178886" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Beispiel: Video einbetten

<iframe width="960" height="630" data-original-width="3992" data-original-height="2621" src="https://www.thinglink.com/view/scene/1205257932048957445" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Einschränkungen und allgemeine Hinweise

Der Standard-Code funktioniert in den meisten Fällen gut, aber einige Websites unterstützen keine iframes oder schränken ihre Funktionen ein.

• Einige Social-Media-Plattformen wie Facebook unterstützen iframes überhaupt nicht. In diesen Fällen empfehlen wir, stattdessen einen Vollbild-Link zu teilen.
• Bestimmte Websites wie Wix schränken die Funktionen von iframes ein, indem sie das ThingLink-iframe in ein weiteres iframe einbetten. Dadurch fehlt die Vollbild-Schaltfläche, und wir können die Größe der Tag-Container nicht richtig anpassen. 
• Wenn du eine eigene Website erstellst, beachte bitte, dass die Größe des iframes von der Größe des Elements abhängen kann, in dem es sich befindet. Wenn du vermutest, dass auf unserer Seite etwas nicht stimmt, oder ein Problem nicht lösen kannst, sende bitte eine Anfrage an den technischen Support.
• Einige Websites wie Medium nutzen Einbettungsanbieter von Drittanbietern. Das bedeutet, dass der Standard-Code höchstwahrscheinlich nicht funktioniert. ThingLink ist jedoch mit Embedly integriert, sodass deine Inhalte auf den meisten Websites interaktiv bleiben. In diesem Artikel erfährst du, wie du deine Inhalte in solchen Fällen einbettest.
• Lernmanagementsysteme (LMS) wie Canvas und Moodle akzeptieren den Standard-Einbettungscode. Beachte jedoch, dass die Bildgröße nicht angepasst wird und Tag-Container kleiner sein können.
  • ThingLinks in Moodle LMS einbetten
  • ThingLinks in Canvas LMS einbetten
  • ThingLinks in Blackboard LMS einbetten

Vollbild-Schaltfläche entfernen

Wenn du die Vollbild-Schaltfläche entfernen möchtest, lösche den folgenden Teil aus dem Standard-Einbettungscode:

webkitallowfullscreen mozallowfullscreen allowfullscreen

Du kannst die Vollbild-Schaltfläche für einzelne Szenen auch im Einstellungsbereich des Editors deaktivieren.