あなたのサイトにルーレットを追加
公開ルーレットのみ。
埋め込みコード
<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ではリンクを貼り付けます。それ以外では上のボックスのコードを貼り付けます。
- Notion で /embed と入力し、Embed anything を選びます。
- ルーレットのリンクを貼り付けて Embed link をクリックします。
- 下の辺をドラッグするとルーレットを大きくできます。
よくある質問
- 非公開のルーレットも埋め込めますか？
- できません。あなたのサイトの訪問者はここにログインしていないため、公開ルーレットだけが動きます。保存後に公開設定は変えられないので、同じ内容で公開ルーレットを作ってください。
- あとで編集してもルーレットは動きますか？
- はい。埋め込みには常に最新のルーレットが表示されます。
- 無料ですか？
- 無料です。お願いはひとつだけ。コードに含まれる小さな "Made with RandomWheel" のリンクを残してください。それがこのサイトの見つけられ方です。
- 用意されたルーレットでも使えますか。
- はい、すべて使えます。選んだバリエーションもそのまま、たとえばポケモンの一世代だけ、大陸ひとつだけ、といった具合です。
開発者向け
すべての公開ルーレットと用意されたページは、maxwidth と maxheight を含むディスカバリー付き oEmbed に対応しています。エンドポイント：
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 での表示を許可しています。
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 を組むためのプレイヤー URL。sound、title、idle は省略可能です：
https://randomwheel.com/embed/<slug>?sound=1&title=1&idle=0
https://randomwheel.com/embed/spin/<preset>?variant=<variant>まだホイールがない?
1分で作って保存し、ここに戻ってコードを取得してください。