Spin the Wheel Zufallsrad

Ein Rad auf deiner Website einbetten

Bau ein funktionierendes Rad in eine Website, einen Blog, eine Klassenseite oder eine PowerPoint-Folie ein. Wähle ein Rad und seine Optionen und kopiere den Code.

Rad und Optionen

Optionen

Vorschau

Dein Rad erscheint hier, sobald du den Code geholt hast.

So bettest du ein Rad ein

Code holen

  1. Lass unter Rad Meine Einträge stehen, um dein eigenes Rad einzubetten, oder wähle ein fertiges Rad.
  2. Für dein eigenes Rad gib einen Titel und die Einträge ein, einen pro Zeile. Das Rad, das du zuletzt auf der Startseite benutzt hast, ist schon eingetragen, mit Gewichtungen, Farben und Bildern.
  3. Wähle die Optionen und tippe auf Code holen. Die Vorschau zeigt genau, was Besucher sehen.
  4. Tippe neben dem Code auf Kopieren und füge ihn in deine Seite ein.

Beim Holen des Codes wird dein Rad als geteilter Link gespeichert. Wer den Code oder den Link hat, kann die Einträge sehen, also lass Privates weg.

Websites und Blogs

Der Code ist ein normales <iframe> und funktioniert überall, wo du HTML einfügen kannst:

WordPress
Füge einen Block Individuelles HTML hinzu und setze den Code ein.
Wix
Hinzufügen → Einbetten → HTML einbetten, dann den Code einfügen.
Squarespace
Füge einen Code-Block hinzu und setze den Code ein.
Google Sites
Einfügen → Einbetten → Über URL, und füge statt des Codes den Link ein.
Notion
Tippe /embed und füge den Link ein.
Eigenes HTML
Füge den Code dort ein, wo das Rad erscheinen soll.

Das Rad nimmt die ganze Breite der Stelle ein, an die du es setzt, und bleibt rund, im Hauptbereich genauso wie in einer Seitenleiste. Sieh dir die Seite auch auf dem Handy an.

PowerPoint

  1. Geh in PowerPoint auf Einfügen → Add-Ins abrufen (am Mac: Einfügen → Add-Ins).
  2. Suche nach Web Viewer und füge es hinzu.
  3. Füge den Link von dieser Seite ein (nicht den Code) und tippe auf Preview.
  4. Starte die Bildschirmpräsentation und klicke auf das Rad, um es live vor allen zu drehen.

Google Slides und Keynote können keine Live-Webseiten auf einer Folie zeigen. Setz dort stattdessen den Link auf die Folie und öffne ihn bei Bedarf.

Optionen

Titel anzeigen
Der Titel über dem Rad. Schalte ihn aus, damit das Rad größer wird.
Ton und Konfetti
Das Ticken beim Drehen und das Konfetti für den Gewinner. Besucher können den Ton mit dem Knopf unter dem Rad trotzdem stummschalten.
Drehzeit
Wie lange jede Drehung dauert, von 1 bis 20 Sekunden.
Hintergrund
Weiß, transparent (deine Seite scheint durch) oder eine Farbe deiner Wahl.
Höhe
Die Höhe des Rahmens in Pixeln. Das Rad füllt ihn aus, soweit die Breite reicht.
Jeden Gewinner vom Rad nehmen
Nimmt jeden Gewinner vom Rad, für Verlosungen, bei denen niemand zweimal gewinnt. Ist das Rad leer, fängt es bei der nächsten Drehung von vorn an.

Die Optionen ändern nicht dein Rad, sondern nur den Code. Du kannst sie also jederzeit ändern, ohne einen neuen Link.

Gut zu wissen

  • Ein eingebettetes Rad ist eine Momentaufnahme. Wenn du später die Einträge änderst, hol dir einen neuen Code und ersetze den alten. Fertige Räder bleiben von selbst aktuell.
  • Jeder Besucher dreht auf seinem eigenen Bildschirm, und jeder Besuch beginnt mit dem vollen Rad.
  • Die Auswahl ist so fair wie bei Spin selbst: Sie nutzt die sicheren Zufallszahlen deines Browsers, und jedes Feld ist genau so groß wie seine Chance.
  • Das eingebettete Rad lädt schnell und enthält keine Werbung, keine Tracker und keine Skripte von Dritten.
  • Ein kleiner Link „Spin the Wheel“ unter dem Rad öffnet es in voller Größe.