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, solltest du dir vielleicht anschauen, wie ein Beispielpuzzle von Puzzel.org auf deiner eigenen Website aussieht und funktioniert. Das ist eine einfache Möglichkeit, herauszufinden, wie einfach du Puzzles in deine eigene Website einbetten kannst.

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

<div>
<iframe src='https://puzzel.org/en/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Passe die Breiten- und Höhenwerte an, wenn das Puzzle nicht richtig auf deiner Website passt (100% ist auch ein gültiger Wert!).