Documentation menu

测验模块

一个带评分的多题测验:添加一个测验模块,然后向其中放入测验问题子项,每个问题都有各自的选择题选项和一个正确答案。它是工作室用于潜客评分测验、知识测试,以及"你的结果是什么"这类性格测试邮件的工具——这些场景下,结果确实取决于收件人给出的答案。

工作原理

与投票和评分不同,测验没有基于链接的第二层级降级方案——多题、多选项的组合无法像单次投票那样被枚举为一组普通的 GET 链接。因此,已发送邮件 HTML 唯一的互动路径是一个真正的邮件内 <form method="post">,直接提交到 MailInApp 的互动接口,包裹在仅限动态层级的层里。每个问题都渲染为一个带标签的单选组,提交时会一次性发送所有答案,无需离开收件箱。凡是该动态表单被 CSS 隐藏的地方(Outlook,或任何无法在邮件内提交表单的客户端),邮件会改为显示一个始终可见的"参加测验"按钮,点击后在托管的实时预览中打开同一份测验。在那里,实时预览页面本身就是测验,因此它只渲染那个可正常工作的表单本身,不再额外包一层按钮。

评分完全在服务器端进行。提交时,互动接口会重新从项目存储的树结构中读取测验模块自身的答案表,并逐一核对每个提交的答案——绝不信任客户端上报的分数。结果会写入事件,格式为 { answers, score, total, bucket },其中 bucket 取决于 (correct / total) * 100 是否达到了该模块配置的及格分数,值为 "pass""fail"

如果你设置了指向实时预览某个路径的提交后跳转,该跳转会将分数和总分作为查询参数一并带过去。结果页面便可以展示一条结果横幅——也就是你配置的及格/不及格消息,而不是一句通用的致谢。将跳转留空(或填入的内容不是以 / 开头的站内相对路径)会回退到测验模块自身默认的结果页面。

如果项目的调查已经关闭(达到了关闭日期或响应上限),测验模块会改为将标题和每道题的题干渲染为纯文本、不可互动,并附带一条"该调查已停止接受新响应"的提示。这项检查只发生在托管的实时预览中,因为已发送的 HTML 在发送时即为静态,永远不会关闭。

测验模块本身的可配置字段:

  • 标题提交按钮文案(默认"查看我的分数")——以及标题自身的颜色和字号。
  • 及格分数 — 收件人要落入"通过"这一档所需的最低正确率百分比(0–100)。
  • 通过时的消息 / 未通过时的消息 — 根据计算出的档位分别展示的两段结果文案。
  • 提交后跳转 — 可选的站内相对路径,用于在评分后将收件人导向该处;分数/总分如何随行请见上文。
  • 卡片的背景色内边距边框圆角半径
  • 标题、题干文字、答案选项、提交按钮,以及每条结果消息各自独立的文字样式覆盖项。

每个测验问题子项都带有自己的问题文字、一份选项列表,以及一个必须与某个选项完全一致的正确答案(区分大小写,逐字匹配)——一旦不匹配,该题就永远无法被判为正确。

示例

Subject

How well do you know our products? Take the quiz

软件厂商可以设置一个"你的自动化成熟度处于哪个级别?"的潜客评分测验,设置及格门槛,通过消息将合格潜客导向预约演示的链接,未通过消息则将其他人导向培育内容。关于如何利用互动内容对名单进行资格审核和再激活,参见互动与忠诚度。课程提供方可以在直播场次前发送一份简短的知识测验,让讲师提前了解学员的整体水平。一个"哪条产品线适合你"的性格测试类测验,可以用及格/不及格的划分作为一个简单的二分支判断:门槛以上推荐产品 A,以下推荐产品 B。这无需搭建真正的按答案分支逻辑,因为每一档的文案正是两条结果消息本该承担的作用。

静态回退效果是什么样子

<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>——这里没有像投票和评分那样按题或按答案划分的链接层级。

相关内容