Aktivitäten auf deiner Website einbetten

Einbettungsaktivitäten

Eingebettete Aktivitäten auf deiner eigenen Domain sind der beste Weg, um dem Spieler ermöglichen, die Aktivität in deiner eigenen Markenumgebung zu erleben.

Die Aktivität selbst ist komplett als Whitelabel-Lösung gestaltet, das bedeutet, sie hat keinerlei direkte Erkennung von Puzzel.org, während Farben und Schriftarten an die deines eigenen Brands angepasst werden können. So wird die Aktivität zu einem nativen Bestandteil deiner Website.

Diese Funktion steht nur für Konten mit einem Abonnement zur Verfügung.

Wie funktioniert die Einbettung?

Die Einbettung erfolgt mithilfe eines kleinen iframe-Codeschnipsels. Das iframe ist ein gut unterstütztes HTML-Element, das in fast jede Website/CMS/LMS integriert werden kann.

Dieser Code lädt die Puzzel.org-Aktivität in Ihre eigene Website. Von dort aus können Sie die Größe des iframes bestimmen, indem Sie die width und height Attribute ändern.

Für eine fortgeschrittenere Einbettung könnten Sie sogar die Größe des iframes über Ihre eigenen CSS-Stylesheets ändern, um beispielsweise die iframe-Größe für unterschiedliche Bildschirmgrößen anzupassen.

Ein eingebettetes Puzzle ausprobieren

Bevor du beitrittst, möchtest du vielleicht sehen, wie ein Puzzel.org Puzzle auf deiner eigenen Webseite aussieht und funktioniert. Das ist eine einfache Möglichkeit, um zu entdecken, wie leicht du Puzzles auf deiner eigenen Webseite einbetten kannst.

Kopiere und füge den folgenden Beispielcode in deine eigene Webseite/CMS/LMS ein und sieh dir an, wie es aussieht:

<div>
<iframe src='https://puzzel.org/en/crossword/embed?p=-L1v2n-yhlUB-bGDzGol' width='750' height='750' frameborder='0'>
</iframe></div>

Passt die width- und height-Werte an, falls das Puzzle nicht korrekt auf eure Webseite passt.