Skip to content

嵌入你的網站

重點: 任何公開測驗都能放進 你自己的頁面。從 Quizzz 複製一段 iframe, 貼到你的網站、部落格或 LMS —— 學生就地作答,不用登入、不用跳轉。

不必把人帶去別的連結,直接把測驗放在讀者已經在的地方:課程頁、產品頁、教學文章。

試試看

這是一份真的嵌入進來的測驗(Quizzz Official 的華語示範)—— 試著答一題:

取得嵌入碼

  1. 開啟 Quizzz ↗作業產生連結
  2. 在要嵌入的測驗上,點 產生嵌入碼
  3. 選好模式(見下),再 複製嵌入碼,貼到你的頁面。

三種模式

嵌入可以用任一種 作答模式 呈現:

模式感覺方案
經典整份一頁、一次送出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 嵌入。

接下來

TechTrans Lab