嵌入你的網站
重點: 任何公開測驗都能放進 你自己的頁面。從 Quizzz 複製一段 iframe, 貼到你的網站、部落格或 LMS —— 學生就地作答,不用登入、不用跳轉。
不必把人帶去別的連結,直接把測驗放在讀者已經在的地方:課程頁、產品頁、教學文章。
試試看
這是一份真的嵌入進來的測驗(Quizzz Official 的華語示範)—— 試著答一題:
取得嵌入碼
- 開啟 Quizzz ↗ → 作業 → 產生連結。
- 在要嵌入的測驗上,點 產生嵌入碼。
- 選好模式(見下),再 複製嵌入碼,貼到你的頁面。
三種模式
嵌入可以用任一種 作答模式 呈現:
| 模式 | 感覺 | 方案 |
|---|---|---|
| 經典 | 整份一頁、一次送出 | Free |
| 引導式 | 一題一題 | Lite |
| 互動式 | 遊戲化、即時對錯 | Go |
若你的方案不含某個模式,該嵌入會顯示升級提示而不是測驗 —— 經典模式一律可用。
這段碼
Quizzz 給你的是一段可獨立運作的 iframe(不用另外加 script)。以經典模式為例:
html
<iframe
src="https://quizzz.techtranslab.com/widget/<assignmentId>"
title="My quiz"
loading="lazy"
referrerpolicy="strict-origin-when-cross-origin"
width="100%"
height="760"
style="max-width:900px;border:1px solid #dfd2b6;border-radius:16px;background:#fffdf8;"
></iframe>- 自適應 ——
width="100%"搭配max-width上限。可依你的版面調整height/max-width。 - 免登入 —— 嵌入的測驗是公開的,看到頁面的人都能作答。
- 只想用連結分享?在任何測驗連結後面加
/qr就有可掃描的 QR code 頁 (見 測驗模式)。
題目集也能嵌入
要打包多份測驗?整個 題目集 也能用同樣的一段 iframe 嵌入。
接下來
- 決定作答體驗 → 測驗模式。
- 開啟 Quizzz ↗ 取得你的嵌入碼。