Labvanced Web Bridge — 扩展支持与指南

需要帮助吗？ 请通过 [email protected] 联系我们

目录

1. 什么是 Labvanced Web Bridge？

Labvanced Web Bridge 是一个用于 Google Chrome 的浏览器扩展，可以将 Labvanced 实验平台（labvanced.com）连接到真实网站。它使研究人员能够进行受控的用户体验（UX）研究和行为研究，参与者与实时的第三方网站进行互动——同时 Labvanced 记录眼动（通过摄像头）、鼠标点击、悬停事件和滚动行为。

没有此扩展程序，浏览器会阻止网站在研究中嵌入，这是由于标准的安全限制。此扩展仅在受控的 Labvanced 研究会话中解除这些限制，并增加所需的行为追踪功能，以测量参与者在嵌入站点上的互动。

一个通过 chrome 扩展在 Labvanced 中嵌入的网站

2. 安装

步骤

研究人员

  1. 打开 Google Chrome。
  2. 转到 Labvanced Web Bridge 的 Chrome 网上应用店页面。
  3. 点击 "添加至 Chrome"。
  4. 在确认对话框中，点击 "添加扩展"。
  5. 您会看到 Labvanced Web Bridge 图标出现在您的 Chrome 工具栏中。

Labvanced Web Bridge 扩展在 Chrome 中安装

参与者

  1. 点击安装
  2. 点击 "添加至 Chrome"。
  3. 在确认对话框中，点击 "添加扩展"。
  4. 返回实验并刷新页面以开始研究。

确认扩展是否激活

研究人员 安装后，转到 Dashboard 选项卡并创建 New Study。向下滚动并通过勾选框激活 Track External Website:，并输入目标网站 URL。如果扩展正确安装，Labvanced 编辑器将显示一个绿色对勾和确认消息。

在 Labvanced 中创建新研究时的绿色确认消息，确认 Web Bridge 扩展已安装并正常工作。

参与者

刷新实验页面后，实验将继续。

提示参与者安装 chrome 扩展

3. 谁应该安装此程序？

研究人员

如果您正在设计包含 真实网站 作为刺激的研究（例如，测试产品页面、新闻文章、亭式界面），请安装此扩展。

  • 在 Labvanced 编辑器中使用 Website Frame 元素。
  • 预览或试点包含外部网站的研究。

对于仅使用标准 Labvanced 刺激（图像、视频、文本、表单等）的研究，或者是可以直接编辑和控制自己网站的 HTTP 头的网页所有者，则 不需要 此扩展。

研究参与者

如果：

  • 您收到了一条研究链接，并被指示在开始之前安装它。
  • 研究的入门页面要求您确认扩展已安装。

如果您不确定是否需要它，您的研究链接页将告诉您在研究开始之前。

4. 如何使用 — 研究人员指南

4.1 向您的研究添加网站框架

  1. 在 Labvanced 编辑器中打开您的实验。
  2. 在 Trial Timeline 下，点击 + Website 框选项。
  3. 从元素类型中选择 "Website Frame"，然后选择 External Website 选项。如果扩展处于激活状态，绿色确认消息将出现。否则，请参阅上面的安装程序部分。
  4. 您在创建任务时指定的网站现在将自动显示。

4.2 选择兴趣区域（AOIs）

兴趣区域（AOIs）是您希望跟踪的嵌入网站上的特定元素。例如，一个产品图像、一个标题或一个“添加到购物车”按钮。

  1. 在编辑器中激活网站框架并以互动方式显示网站后，从侧边菜单中单击 Add Website AOI 对象。
  2. AOI 对象将被添加并以红色显示。单击您的目标 AOI。选择将变为绿色。
  • 如果您希望修改 AOI 选择，可以使用对象属性面板通过指向选择的 Parent 向上移动并选择网站的更大部分，或通过选择的 Child 选择更具体的组件来调整选择。一旦 AOI 已固定（并显示为绿色），您还可以通过分别扩展或减少每一侧的 x 和 y 坐标的像素来增加它的大小偏移，以及其位置。
  • 您还可以使用 Resolution 选项来指示研究是否应针对桌面或移动。在下面的图像中，选择了移动，AOIs 自动更新。
  1. 对其他元素重复以上步骤。
  2. 每个 AOI 将出现在 AOI 列表中，并将在研究过程中自动跟踪。

基于移动的网站嵌入和 AOI 预览

4.3 跟踪的内容

在研究会话期间，Labvanced 提供研究人员以下行为数据录制的可能性：

数据类型描述
元素位置元素在屏幕上的边界框（x, y, 宽度, 高度），在参与者滚动时实时更新
注视数据基于摄像头的眼动跟踪与元素位置映射（需要在研究设置中启用眼动跟踪）
点击事件参与者在元素内点击的位置和是否点击
悬停事件参与者的鼠标进入和离开元素的时间
鼠标移动参与者在页面上移动时的鼠标坐标
滚动位置每时刻的页面滚动偏移

4.4 预览您的研究

在发布之前，请始终确认您安装了扩展以预览您的研究：

  • 网站在框架中正确加载。
  • AOIs 按预期工作。

首先保存任务，然后点击编辑器工具栏中的 "预览" 播放按钮，在 Task Controls 下打开特定任务的参与者视图预览。

4.5 发布和分享

一旦您的研究准备就绪：

  1. 转到 Launch & Participate 选项卡。
  2. 点击 Activate 按钮以启用您的研究的数据录制。
  3. 在 Online Participation / Study Published 下，点击 Publish.
  4. 复制 Online Participation Link 并与您的参与者分享。

5. 如何使用 — 参与者指南

在研究之前

  1. 您将从研究人员那里收到指向 Labvanced 研究的直接链接。
  2. 如果扩展尚未安装，研究页面将显示安装提示，并提供指向 Chrome 网上应用店的直接链接。
  3. 安装扩展，然后返回研究链接并刷新页面。
  4. 一旦研究确认扩展已安装，点击 Start 开始。

在研究期间

  • 像往常一样使用并与您看到的网站进行交互 — 浏览、点击和按指示滚动。
  • 扩展在后台静默工作。您无需与之交互。
  • 在研究过程中请勿点击扩展图标 — 这不是必要的。

在研究结束后

  • 如果提示，请完成任何后续问题。
  • 一旦研究结束，如果您不再需要，您可以卸载扩展：
    • 右键单击工具栏中的扩展图标 → "从 Chrome 中移除"。

移除 Labvanced chrome 扩展。

6. 使用案例

6.1 电子商务 UX 研究

嵌入产品列表或结账页面。跟踪参与者注视哪个产品图像，点击哪个“添加到购物车”按钮，以及在做出决定之前滚动了多远。

嵌入 Labvanced 中的书店网站电子商店示例

6.2 新闻与媒体注意力研究

嵌入新闻文章或主页。测量哪些标题最吸引注意力，阅读模式随文章长度的变化，以及哪些图像首先引起注意。

嵌入 Labvanced 中的新闻网站示例

6.3 导航与信息架构测试

嵌入网站的导航菜单或多页面流程。记录点击和悬停停留时间，以评估菜单标签的清晰度和可发现性。

6.4 比较研究（A/B）

创建两个试验，嵌入不同版本的网站。使用 Labvanced 的内置平衡技术随机分配参与者。比较组间的 AOI 指标。

7. 数据与隐私

扩展收集哪些数据？

扩展仅在您处于活动的 Labvanced 研究会话中收集以下内容：

  • 研究人员选择的页面元素的边界框位置（x, y, 宽度, 高度）
  • 鼠标坐标、点击位置、悬停事件和鼠标移动路径
  • 当前页面的滚动位置和页面 URL
  • 从悬停/点击元素中可见的文本片段（截断为 50 个字符）

密码字段和敏感的表单输入永远不会被读取。 该扩展明确排除了 <input type="password"> 和带有敏感自动完成属性的输入（autocomplete="password"，cc-*）。这些在所有情况下返回空值。

数据去向何处？

所有数据 专门通过浏览器的 postMessage API 传输到嵌入的 labvanced.com 页面。该扩展不会将任何数据发送到外部服务器，不会在本地存储任何内容，并且在 Labvanced 研究之外的正常浏览中不会收集任何数据。

扩展是否会在其他网站上跟踪我？

不会。扩展的内容脚本被注入到所有 iframe 中（因为目标网站的域无法提前确定），但是除非 location.ancestorOrigins 确认 labvanced.com 是祖先框架，否则它们 会立即退出。在 Labvanced 未嵌入的任何网站上，不会安装任何监听器，不会读取任何 DOM，也不会传输数据。

扩展是否会修改 Labvanced 以外的内容？

不会。该扩展仅在顶级 URL 为 labvanced.com 的浏览器标签中移除 iframe 嵌入限制（X-Frame-Options / Content-Security-Policy 头）。所有其他标签完全不受影响。这些规则仅存储在内存中，并在标签关闭或导航离开时被移除。

完整隐私政策

请查看完整的隐私政策： https://www.labvanced.com/extension-privacy-policy.html

8. 故障排除

网站在我的研究中无法加载

可能的原因和修复：

症状可能原因修复
空白白色框架扩展未安装或已禁用检查扩展是否在 chrome://extensions 中启用
网站不互动或不响应网站在 JS 级别检测到 iframe 嵌入某些网站无法嵌入 — 联系 [email protected]

扩展图标显示警告或变灰

  • 点击图标打开弹出窗口并阅读状态消息。
  • 确保您处于 labvanced.com 页面或打开了 Labvanced 研究。
  • 尝试在 chrome://extensions 中禁用并重新启用扩展。

元素选择器未高亮显示元素

  • 确保扩展已启用，并且您在编辑器中（而不是预览模式）。
  • 一些网站使用 Shadow DOM 或嵌套 iframe 结构限制元素选择。尝试通过 Object Properties 面板选择 Parent 元素。
  • 刷新编辑器并重试。

9. 常见问题

问：扩展是免费的吗？ 答：是的。该扩展可以免费安装和使用。需要 Labvanced 账户以设计研究。

问：它在其他浏览器（Firefox、Safari、Edge）中有效吗？ 答：目前仅支持 Google Chrome。基于 Chromium 的 Microsoft Edge 可能有效，但未正式支持或测试。

问：我需要在研究后保留扩展吗？ 答：不需要。参与者可以在完成研究后立即卸载它。右键单击扩展图标 → "从 Chrome 中移除"。

问：扩展会减慢我的浏览器吗？ 答：扩展在 Labvanced 会话之外处于非活动状态。它不会对正常浏览增加额外负担。

问：它能看到我的密码或银行信息吗？ 答：不会。密码字段（<input type="password">）和信用卡输入被明确排除，在所有情况下返回空值。该扩展从不读取或传输敏感的表单数据。

问：我是一名研究人员 — 我可以用这个来跟踪参与者在自己访问的网站上吗？ 答：不可以。该扩展仅在 labvanced.com 嵌入的 iframe 内激活。无法跟踪参与者在其他标签上独立访问的网站。

问：我所在机构的 IT 政策要求在员工安装扩展之前进行审查。我可以联系谁？ 答：请通过 [email protected] 联系我们以提出请求。

10. 联系与支持

电子邮件： [email protected]

文档： https://www.labvanced.com/content/learn/zh/en/guide/

Discord 社区论坛： https://discord.com/invite/SBpFJnVZah

错误报告： 请包含：

  • 您的 Chrome 版本（chrome://settings/help）
  • 您尝试嵌入的网站的 URL
  • 任何错误消息的截图
  • 再现问题的步骤


Labvanced Web Bridge 由 Scicovery GmbH 开发和维护。有关完整隐私政策，请访问 https://www.labvanced.com/extension-privacy-policy.html