サイトに埋め込む

要点： 公開クイズは 自分のページの中 に置けます。Quizzz から iframe を 1つコピーして、サイト・ブログ・LMS に貼るだけ — 生徒はその場で回答でき、 ログインも遷移もありません。

リンクで別の場所へ送る代わりに、読者がすでにいる場所 — 講座ページ、ランディング ページ、レッスンの記事 — にクイズを置けます。

試してみる

これは実際に埋め込まれたクイズ（Quizzz Official の N4 デモ）です。答えてみて ください。

埋め込みコードを取得する

1. Quizzz を開く ↗ → 課題 → リンクを生成。
2. 対象のクイズで 埋め込みコードを生成 をクリック。
3. モード（下記）を選んで 埋め込みコードをコピー、ページに貼り付けます。

3つのモード

埋め込みは 回答モード のいずれでも表示できます。

モード	体験	プラン
クラシック	クイズ全体を1ページで、1回で送信	Free
ガイド付き	1問ずつ	Lite
インタラクティブ	ゲーム感覚、その場で正誤	Go

プランに含まれないモードは、クイズの代わりにアップグレードの案内が表示されます — クラシックは常に使えます。

スニペット

Quizzz が渡すコードは単体で動く iframe です（追加のスクリプトは不要）。たとえば クラシックの埋め込みはこうなります。

<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 ページになります（試験モード）。

コレクションも埋め込めます

複数のクイズをまとめるなら、コレクション 全体を同じ 1 iframe の方法で埋め込めます。

次に

• 回答体験を決める → 試験モード。
• Quizzz を開く ↗ で埋め込みコードを取得。