クイズブロック

採点機能付きの複数問クイズです: クイズブロックを追加し、その中にクイズの質問の子要素を配置します。それぞれに独自の選択肢と正解を設定できます。リードスコアリング用クイズ、知識テスト、そして受信者の回答に実際に結果が左右される性格診断風の「あなたの結果は?」送信のための、スタジオのツールです。

仕組み

投票や評価とは異なり、クイズにはリンクベースのティア2フォールバックがありません — 複数問・複数選択肢の組み合わせは、1回の投票のように単純なGETリンクの集合として列挙することができないためです。そのため、メールHTMLの唯一のインタラクティブな経路は、キネティック専用ティアに包まれた、MailInAppのインタラクションエンドポイントへ直接送信する実際のメール内<form method="post">です。各質問はラベル付きのラジオグループとしてレンダリングされ、送信すると受信トレイを離れることなく一度にすべての回答が送信されます。そのキネティックフォームがCSSで非表示になっている場所(Outlook、またはメール内フォームを送信できないクライアント)では、メールは代わりに、同じクイズをホスティングされたライブビュー上で開く、常に表示される単一の「クイズに挑戦」ボタンを表示します。そこでは、ライブビューのページ自体がクイズであるため、余分なラップ用のボタンなしに、動作する本物のフォームだけがレンダリングされます。

採点はすべてサーバー側で行われます。送信時、インタラクションエンドポイントはプロジェクトの保存済みツリーからクイズブロック自身の答えのキーを再読み込みし、送信された各回答をそれと照合します — クライアントが報告したスコアは決して信頼されません。結果はイベントに{ answers, score, total, bucket }として書き込まれ、bucketは(correct / total) * 100がブロックに設定された合格ラインを超えたかどうかに応じて"pass"または"fail"になります。

送信後のリダイレクトをライブビュー上のパスに設定すると、そのリダイレクトはスコアと合計をクエリパラメータとして持ち越します。結果ページはその後、設定した合格/不合格のメッセージという、汎用のお礼ではなく本物の結果バナーを表示できます。リダイレクトを空欄のままにする(または/から始まるサイト内相対パス以外を設定する)と、クイズブロック自身の既定の結果ページにフォールバックします。

プロジェクトのアンケートが終了している場合(終了日または回答上限に達した場合)、クイズブロックは代わりに、タイトルと各質問の問いかけをプレーンな非インタラクティブテキストとしてレンダリングし、「このアンケートは新しい回答の受付を終了しました」という注記を表示します。このチェックはホスティングされたライブビュー上でのみ行われます。メールHTMLは送信時点で静的であり、決して終了しないためです。

クイズブロック自体に設定可能なフィールド:

• タイトルと送信ラベル(既定は「自分のスコアを見る」)、そしてタイトル自身の色とフォントサイズです。
• 合格ライン — 受信者が「合格」バケットに入るために必要な最低正答率(0〜100)です。
• 合格時のメッセージ/不合格時のメッセージ — 計算されたバケットに応じて表示される、2種類の結果本文です。
• 送信後のリダイレクト — 採点後に受信者を送る、任意のサイト内相対パスです。スコア/合計がどのように持ち越されるかは上記を参照してください。
• カードの背景色、パディング、ボーダー、ボーダーの角丸。
• タイトル、質問テキスト、回答の選択肢、送信ボタン、そして各結果メッセージそれぞれ独立したテキストスタイルの上書きです。

各クイズの質問の子要素は、独自の質問テキスト、選択肢の一覧、そして選択肢のいずれか1つと完全に一致する必要がある正解(大文字小文字を区別する、逐語的な文字列一致)を持ちます — 一致しない場合、その質問は正解として採点されることが決してありません。

例

ソフトウェアベンダーは、合格ラインの背後にリードスコアリングを仕込んだ「あなたのオートメーション成熟度レベルは?」というクイズを実施できます。合格時のメッセージは適格なリードをデモ予約リンクへ、不合格時のメッセージはそれ以外の全員を育成コンテンツへ案内します。インタラクティブなコンテンツを使ってリストを絞り込み、再エンゲージメントする方法についてはエンゲージメントとロイヤルティを参照してください。コース提供者は、ライブセッションの前に短い知識確認クイズを送ることで、講師が事前に参加者の理解度を把握できます。「あなたに合った製品ラインは?」という性格診断風のクイズは、合格/不合格の分岐をシンプルな二方向分岐として使えます: しきい値以上は製品Aを、それ未満は製品Bを勧めます。各バケットの文言はまさにこの2つの結果メッセージのためにあるため、実際に回答ごとの分岐ロジックを構築する必要はありません。

静的フォールバックの見え方

<div style="margin:12px 0;background-color:transparent">
  <p style="margin:0 0 10px;font-weight:700;font-size:18px;color:#111827">
    Test your knowledge!
  </p>
  <!-- kinetic <form> posting to /api/interactions omitted — hidden from
       Outlook and any client that can't post an in-email form -->
  <div style="text-align:center;margin-top:8px">
    <a href="https://mailinapp.com/v/eyJhbGci..."
       style="display:inline-block;padding:10px 20px;background-color:#4f46e5;
              color:#ffffff;border-radius:6px;text-decoration:none;
              font-size:14px;font-weight:600">
      Take the quiz
    </a>
  </div>
</div>

これは常に表示されるフォールバックです: ホスティングされたライブビューを開く単一のボタンで、そこでは同じクイズが本物の、動作する<form>としてレンダリングされます — 投票や評価にあるような、質問ごと・回答ごとのリンクティアはありません。

関連ページ

• ブロックリファレンス概要
• インタラクションと分析
• 回答とWebhook
• フォールバックの仕組み