labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
指南
视频
步骤说明
常见问题解答
通讯档案
文档
课堂
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
指南
视频
步骤说明
常见问题解答
通讯档案
文档
课堂
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • 指南
    • 入门

      • 任务编辑器
      • 帧
        • 画布框架
        • 页面框架
        • 网站框架
      • 试验时间线
      • 刺激呈现
      • 响应的正确性
      • 对象
      • 事件
      • 变量
      • 任务向导
      • 试验系统
      • 实验设计
        • 创建研究
        • 数据框模式
        • 多用户实验设计
        • 纵向实验设计
    • 特色主题

      • 随机化与平衡
      • 眼动追踪
        • 在眼动追踪任务中呈现刺激
        • 如何选择眼动追踪校准设置
        • 在任务中设置眼动追踪
        • 记录和导出注视数据
        • 使用形状作为兴趣区域 (AOI) 进行眼动追踪
        • 参与者校准体验
      • 网页桥接
        • 选择网站 AOI | 锚定、调整和验证 AOI 跟踪
        • 在网站 AOI 上跟踪鼠标行为 | Web Bridge 指南
      • 问卷
      • 桌面应用
      • 示例研究
      • 参与者招募
      • API 访问
        • REST API
        • Webhook API
        • WebSocket API
      • 其他主题

        • 精确刺激时间
        • 多用户研究
        • Labvanced中的头部追踪 | 指南
    • 主应用标签

      • 概述:主标签
      • 仪表板
      • 我的研究
      • 共享研究
      • 我的文件
      • 实验库
      • 我的账户
      • 许可与服务
    • 研究标签

      • 概述:研究特定标签
      • 研究设计
        • 任务
        • 阻塞
        • 会议
        • 组
      • 任务编辑器
        • 任务控制
        • 试验系统
        • 框架类型
        • 对象
        • 对象属性表
        • 变量
        • 系统变量表
        • 事件系统
        • 文本编辑器功能
        • 任务编辑器中的眼动追踪选项
        • 任务中的头部追踪
        • 多用户研究
      • 设置
      • 变量
      • 媒体
      • 文本与翻译
      • 启动与参与
      • 受试者管理
      • 数据视图和导出
        • 数据视图和变量 & 任务选择(旧版本)
        • 访问录音(旧版本)
  • 视频
    • 视频概览
    • 在 Labvanced 中开始使用
    • 创建任务
    • 元素视频
    • 事件与变量
    • 高级主题
  • 讲解
    • 简介
    • 斯特鲁普任务
    • 词汇决策任务
    • 波斯纳注视提示任务
    • 改变失明闪烁范例
    • 眼动追踪样本研究
    • 婴儿眼动追踪研究
    • 鼠标追踪注意捕获研究
    • 快速串行视觉呈现
    • ChatGPT 研究
    • 眼动追踪演示:图形作为 AOI
    • 多人演示:显示被试的光标
    • 手柄 / 摇杆控制器 - 基本设置
    • 具有 EEG 集成的桌面应用研究
    • 被试组平衡与变量设置
    • 构建多用户研究
    • 网站框架眼动追踪讲解
    • 条件性网络摄像头眼动追踪
  • 常见问题
    • 功能
    • 支持政策与指南
    • 安全与数据隐私
    • 许可
    • Labvanced 的精确度
    • 编程使用与 API
    • 离线使用 Labvanced
    • 故障排除
    • 研究创建问题
  • 新闻通讯档案
  • 文档
  • 课堂
Labvanced 中网站框架的插图,显示真实的外部网站嵌入在研究中

网站框架

网站框架是第三种框架类型,除了 画布框架 和 页面框架,而不是放在任何一个上方的元素。它以相同的方式添加到试验组中:在框架类型选项中单击其图标。

画布框架或页面框架展示在 Labvanced 内部构建的刺激,而网站框架则直接在研究中嵌入一个真实、外部、实时的网站。这是 Labvanced 的 网络桥 功能背后的框架类型,用于可用性测试、注意力研究和在真实网站上而不是重新创建一个网站的眼动追踪。

注意

如果您计划使用网站框架来嵌入您的外部网站或在 Labvanced 中创建一个,强烈建议将该框架类型单独隔离在自己的任务中,而不是与画布框架或页面框架在同一试验时间线上结合使用。

外部网站与自定义网站

该框架支持两种类型的网站。

外部网站

通过 URL 嵌入一个真实的、实时的网站,带有三个复选框来控制嵌入的浏览器界面:Show URL bar, Show back button, Show forward button。需要安装网络桥 Chrome 扩展程序,安装步骤请参阅完整的 Labvanced 网络桥指南。


自定义网站

即将推出。 从头开始在 Labvanced 内部构建一个网站,而不是嵌入一个实时网站。单击 Edit Code 打开一个专用的 HTML、CSS 和 JavaScript 编辑器,带有一个变量面板,在运行时将 Labvanced 变量注入代码中,例如,从 CSV 加载的产品目录构建的自助结账亭界面。

网站框架属性

网站框架具有自己的框架级别属性,与放置在其上的任何元素分开。设置在 Frame Settings 面板中:

  • Name: 用于标识任务中框架的标签(参与者永远看不到它)
  • Duration: 一个可选的固定显示时间,以毫秒为单位;如果不设置,该框架将在事件或操作推进之前保持在屏幕上
  • Hide Mouse: 在框架处于活动状态时隐藏参与者的光标
  • Mode: 设置框架是否显示外部网站或自定义网站,如上所述
  • Resolution: 预设的下拉菜单,或手动 Width/Height,以像素为单位,设置一个固定的虚拟分辨率,缩放以适应每个参与者的屏幕,使用与画布框架相同的模型,因此每个参与者看到的布局都是相同的,无论他们的实际屏幕大小如何

有关完整的工作流程、安装浏览器扩展、添加网站框架、选择兴趣区域以及跟踪内容,请参阅完整的 Labvanced 网络桥指南 或 网站框架眼动追踪演示文稿 的从头到尾的任务流程。

观看此视频中的演示文稿:

进一步阅读

Labvanced 中三种框架类型的插图:画布、页面和网站框架

框架

所有框架类型及每个框架共享的属性的中心。

Labvanced 网络桥

完整指南:安装扩展、添加网站框架、选择兴趣区域以及跟踪内容。

网站框架眼动追踪演示文稿

跟踪真实嵌入网站上的凝视的从头到尾的任务流程。

Prev
页面框架