Додайте колесо фортуни на свій сайт

Лише публічні колеса.

Ваш код для вбудовування

<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>

Ось що побачать ваші відвідувачі.

Як додати колесо на сайт

У Notion і Canva вставляйте посилання. В усіх інших випадках вставляйте код із поля вище.

  1. У Notion введіть /embed і виберіть «Embed anything».
  2. Вставте посилання на своє колесо й натисніть «Embed link».
  3. Потягніть за нижній край, щоб збільшити колесо.
Вікно Embed у Notion: вставлено посилання RandomWheel, а під ним видно колесо.

Питання

Чи можна вбудувати приватне колесо?
Ні. Ваші відвідувачі дивляться колесо без входу в акаунт, тому працюють лише публічні колеса. Змінити видимість після збереження не можна, тож створіть публічне колесо з тими самими варіантами.
Чи працюватиме колесо, якщо згодом я його зміню?
Так. Вбудоване колесо завжди показує актуальну версію.
Це безкоштовно?
Так. Просимо лише про одне: залиште маленьке посилання «Made with RandomWheel», яке йде разом із кодом. Завдяки йому люди дізнаються про сайт.
Чи працює це з готовими колесами?
Так, з усіма. І саме в тому вигляді, який ви вибрали: наприклад, лише одне покоління Pokémon чи один континент.

Для розробників

Кожне публічне колесо й кожна сторінка з готовим колесом підтримують oEmbed з автовиявленням (discovery), зокрема параметри maxwidth і maxheight. Адреса (endpoint):

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

Ті самі дані для автовиявлення передаються і в HTTP-заголовку Link, а плеєр можна відкривати в iframe з будь-якого джерела (origin).

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"

Адреси плеєра, якщо хочете зібрати iframe самостійно. Параметри sound, title та idle необов’язкові:

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

Ще немає колеса?

Створіть його за хвилину, збережіть і повертайтеся сюди по код.

Створити колесо