Füge deiner Website ein Glücksrad hinzu

Nur öffentliche Räder.

Dein Einbettungscode

<iframe src="https://randomwheel.com/embed/spin/yes-no-wheel" width="100%" height="520" style="border:0;max-width:640px" title="Yes No Wheel" loading="lazy" allow="autoplay"></iframe>
<p><a href="https://randomwheel.com/spin/yes-no-wheel">Made with RandomWheel</a></p>

So sehen es deine Besucher.

So bindest du das Rad auf deiner Seite ein

In Notion und Canva fügst du den Link ein. Überall sonst den Code aus dem Kasten oben.

  1. Tippe /embed in Notion und wähle Embed anything.
  2. Füge den Link deines Rads ein und klick auf Embed link.
  3. Zieh die untere Kante, um das Rad größer zu machen.
Notions Embed-Dialog mit einem eingefügten RandomWheel-Link und dem Rad darunter.

Fragen

Kann ich ein privates Rad einbetten?
Nein. Die Besucher deiner Seite sind hier nicht angemeldet, deshalb funktionieren nur öffentliche Räder. Die Sichtbarkeit lässt sich nach dem Speichern nicht mehr ändern, also leg ein öffentliches Rad mit denselben Optionen an.
Funktioniert das Rad weiter, wenn ich es später bearbeite?
Ja. Die Einbettung zeigt immer die aktuelle Version deines Rads.
Ist das kostenlos?
Ja. Wir bitten nur darum, den kleinen Link "Made with RandomWheel" zu behalten, der zum Code gehört. So finden Leute die Seite.
Geht das auch mit den fertigen Rädern?
Ja, mit jedem einzelnen, samt der gewählten Variante, zum Beispiel einer einzelnen Pokémon-Generation oder einem Kontinent.

Für Entwickler

Jedes öffentliche Rad und jede fertige Seite unterstützt oEmbed mit Discovery, inklusive maxwidth und maxheight. Endpunkt:

GET https://randomwheel.com/oembed?url=https%3A%2F%2Frandomwheel.com%2Fspin%2Fyes-no-wheel&format=json
GET https://randomwheel.com/oembed?url=<wheel page url, encoded>&format=json&maxwidth=480&maxheight=400

Dieselbe Discovery kommt auch als HTTP Link-Header, und der Player lässt sich von jeder Herkunft aus in einem iframe anzeigen.

Link: <https://randomwheel.com/embed/<slug>>; rel="iframely player"; type="text/html"; media="aspect-ratio: 640/520; max-width: 640",
      <https://randomwheel.com/oembed?url=...>; rel="alternate"; type="application/json+oembed"

Player-URLs, um dein eigenes iframe zu bauen. sound, title und idle sind optional:

https://randomwheel.com/embed/<slug>?sound=1&title=1&idle=0
https://randomwheel.com/embed/spin/<preset>?variant=<variant>

Noch kein Rad?

Erstelle in einer Minute eins, speichere es und hol dir hier den Code.

Rad erstellen