Stadt Land Fluss auf der eigenen Webseite einbetten

Zwei Modi: Generator oder Runden-Starter

• Buchstaben- & Kategorien-Generator (?mode=generator). Besucher ziehen mit einer kurzen Animation einen zufälligen Buchstaben und würfeln 5 Kategorien aus dem kuratierten Vorrat der gewählten Sprache direkt im Rahmen aus. Über den Knopf darunter übernehmen sie die 5 Kategorien sofort in ein Online-Spiel.
• Kompakter Runden-Starter (?mode=starter). Besucher wählen zwischen den gängigen Anfangsbuchstaben oder dem ganzen Alphabet A–Z, legen die Rundenzahl fest und öffnen mit „Runde starten“ das Spiel im neuen Tab.

Für welche Webseiten sich das Einbetten lohnt

• Spiele-Blogs und Party-Ratgeber. Leser, die Kategorien-Ideen oder einen schnellen Buchstaben-Geber suchen, würfeln Buchstabe und 5 Kategorien direkt in deinem Beitrag aus.
• Schulen, Lehrkräfte und Sprachunterricht. Auf der Klassenseite oder im Lernportal ziehen Schülerinnen und Schüler per Klick einen Buchstaben und fünf Begriffe zum Aufwärmen.
• Vereine, Jugendgruppen und Freizeiten. Mit dem Runden-Starter auf der Vereinsseite eröffnen Gruppen mit einem Klick einen gemeinsamen Online-Raum.
• Teams und Firmen-Intranets. Als kurze Fünf-Minuten-Runde vor der Besprechung oder beim digitalen Feierabend direkt auf der Teamseite.

In drei Schritten einbinden

1. Einstellungen wählen. Oben im Konfigurator Modus (Generator oder Runden-Starter), Farbschema, Sprache und Linktext aussuchen.
2. HTML-Code kopieren. Auf „HTML-Code kopieren“ klicken. Rahmen und Quellenlink darunter gehören zusammen.
3. In die Webseite einfügen. Den Code in einen Block „Eigenes HTML“ in WordPress, Google Sites, Jimdo, Wix, Contao oder TYPO3 einfügen.

Wo der Code überall funktioniert

• WordPress. Im Block-Editor einen Block „Eigenes HTML“ anlegen und den Schnipsel einfügen. Im klassischen Editor in die Text-Ansicht wechseln.
• Google Sites. Auf Einfügen, dann Einbetten, dann „Einbettungscode“ klicken und den HTML-Code hineinkopieren.
• Jimdo, Wix, Squarespace und Webnode. Das Element „HTML einbetten“ oder „Code-Widget“ wählen und den kopierten Schnipsel einsetzen.
• Contao, TYPO3, Joomla und Drupal. Ein Inhaltselement vom Typ HTML anlegen. Falls die Redaktion Rahmen filtert, muss das Element iframe freigegeben sein.
• Statische Webseiten, Markdown und Intranets. Den HTML-Schnipsel direkt in die Vorlage oder die Markdown-Datei setzen.

Datenschutz, Hell/Dunkel-Modus und automatische Höhe

Die Einbett-Ansicht unter /de/embed/ ist vollkommen sparsam: Sie setzt keine Cookies, greift nicht auf den lokalen Speicher zu, lädt kein Matomo-Skript und stellt keine Anfragen an Drittanbieter.

In der Einstellung „Automatisch“ folgt das Werkzeug der Systemeinstellung des Besuchers (prefers-color-scheme). Über ?theme=light oder ?theme=dark lässt sich das helle oder dunkle Erscheinungsbild fest vorgeben.

Bei jeder Änderung meldet der Rahmen seine aktuelle Höhe per postMessage ({ type: 'pc-resize', height }) an das Elternfenster; die voreingestellte Höhe im Schnipsel passt aber bereits ohne Zusatzskript für alle Sprachen.