在你的网站上添加转盘

仅限公开转盘。

你的嵌入代码

<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. 拖动底边可以把转盘调大。
Notion 的 Embed 对话框,里面贴着一个 RandomWheel 链接,下方显示着转盘。

常见问题

可以嵌入私密转盘吗?
不能。你网站的访客没有在这里登录,所以只有公开转盘可用。保存后无法更改可见性,请用相同选项新建一个公开转盘。
以后再修改转盘,嵌入还能正常显示吗?
会。嵌入的始终是你转盘的当前版本。
是免费的吗?
免费。我们只希望你保留代码附带的那个小链接 "Made with RandomWheel",大家就是这样找到这个网站的。
预设转盘也能嵌入吗?
能,每一个都可以,包括你选的子选项,比如某一世代的宝可梦或某一个大洲。

面向开发者

每个公开转盘和预设页面都支持带发现机制的 oEmbed,包括 maxwidth 和 maxheight。端点:

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"

播放器 URL,用于自行构建 iframe。sound、title 和 idle 均为可选:

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

还没有转盘?

一分钟做一个,保存后回到这里获取代码。

创建转盘