Glücksrad online Glücksrad für Website, Google Sites und OBS einbetten

Glücksrad für Website, Google Sites und OBS einbetten

Jedes Rad, das du hier baust, kann auch auf einer anderen Seite laufen: in einem Blogbeitrag, auf der Google Site deiner Klasse, einer WordPress-Seite oder in deinem Stream. So geht es, Schritt für Schritt.

Erst das Rad erstellen

Auf deiner eigenen Website oder im Blog

Das Rad kommt als kleiner Rahmen mit einem Link darunter auf die andere Seite. Besucher drehen es direkt dort, und das Ergebnisfenster öffnet sich im Rahmen. Nichts wird installiert, und niemand braucht ein Konto.

Der Code entsteht aus dem Rad so, wie es in dem Moment aussieht, in dem du auf Einbetten drückst. Trag also zuerst die Einträge ein, gib dem Rad einen Titel und such die Farben aus. Änderst du die Liste später, kopierst du den Code neu und ersetzt den alten.

Öffne das Rad am Computer und trag deine Einträge ein. Den Knopf Einbetten gibt es nur auf größeren Bildschirmen, am Handy fehlt er, denn Code einfügen macht man ohnehin am Schreibtisch.
Drück Einbetten und dann Code kopieren.
Füg im Editor deiner Seite einen Block ein, der HTML annimmt. In WordPress ist das der Block Individuelles HTML. Bei Baukästen wie Wix oder Squarespace suchst du nach dem Element zum Einbetten von Code.
Füg den Code ein und veröffentliche die Seite. Das Rad passt sich der Breite der Spalte an, bis höchstens 560 Pixel.

So sieht der Code aus (in deinem stehen hinter #w= deine eigenen Einträge):

<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/de/embed/wheel/#w=..." title="Glücksrad online" loading="lazy" allow="fullscreen" style="display:block;width:100%;aspect-ratio:4/5;min-height:420px;border:0;border-radius:16px"></iframe>
<p style="margin:6px 0 0;font:14px/1.4 system-ui,sans-serif;text-align:center">Glücksrad von <a href="https://sortibo.com/de/gluecksrad/">Sortibo</a></p>
</div>

In Google Sites

Viele Lehrkräfte bauen ihre Klassenseite mit Google Sites. Das Rad passt dort gut hin, etwa um auszulosen, wer als Nächstes drankommt oder welches Thema am Freitag besprochen wird.

Kopier den Code unter Einbetten, wie oben beschrieben.
Öffne in Google Sites rechts den Bereich Einfügen und wähl Einbetten.
Wechsle zum Tab Code einbetten, füg den Code ein, klick auf Weiter und dann auf Einfügen.
Zieh die Ecken des Kastens so weit auf, dass das ganze Rad zu sehen ist, und veröffentliche die Website.

Als Stream-Overlay in OBS

Für Livestreams gibt es einen eigenen Link mit transparentem Hintergrund. Deine Zuschauer sehen nur das Rad und die Karte mit dem Gewinner über deiner Szene, keine Webseite drumherum.

Den Gewinnertext schreibst du selbst, zum Beispiel „{name} sucht das nächste Spiel aus“. Außerdem kannst du jeden Gewinner vor dem nächsten Dreh beiseitelegen lassen, so zieht eine Verlosung im Stream nie zweimal denselben Zuschauer.

Öffne auf der Seite des Rads Optionen und dort Stream-Overlay (OBS). Schreib einen Gewinnertext, wenn du einen willst, und drück Overlay-Link kopieren.
Füg in OBS mit dem Plus-Knopf eine Quelle hinzu, wähl Browser und füg den Link in das Feld URL ein.
Stell die Breite auf 1920 und die Höhe auf 1080. Das Rad steht links, die Karte erscheint daneben.
Zum Drehen während des Streams: Rechtsklick auf die Quelle, Interagieren wählen, dann aufs Rad klicken oder die Leertaste drücken.

Fragen zum Einbetten des Glücksrads

Kostet es etwas, das Rad auf meine Seite zu stellen?

Nein. Es gibt kein Konto, keinen Schlüssel und keine Grenze für Aufrufe. Wir bitten nur um den kleinen Link unter dem Rad, der zum Code gehört.

Sehen meine Besucher Werbung im Rad?

Nein. Das eingebettete Rad zeigt das Rad, seinen Titel, einen Knopf für den Ton und einen kleinen Link zu uns, sonst nichts. Es setzt keine Cookies und lädt nichts von anderen Firmen.

Was mache ich, wenn meine Seite nur einen Link annimmt und keinen Code?

Manche Editoren, etwa Notion oder einige Schulplattformen, wollen eine Webadresse statt HTML. Kopier den Code und nimm nur die Adresse aus src="...". Sie öffnet dasselbe Rad.

Kann ich die Einträge ändern, nachdem ich das Rad eingebettet habe?

Die Einträge stecken im Code, eine Änderung bei uns kommt also nicht auf deiner Seite an. Bearbeite das Rad, drück wieder Einbetten und ersetze den alten Code durch den neuen.

Ist das Ergebnis eine faire Auslosung?

Das Rad dreht im Browser deiner Besucher und nutzt dessen sicheren Zufallsgenerator, genau wie auf unserer Seite. Jeder Eintrag hat dieselbe Chance, solange du ihm kein Gewicht gegeben hast.