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 研究
    • 眼动追踪演示:SVG 作为 AOI
    • 多用户演示:显示受试者的光标
    • 游戏手柄 / 摇杆控制器 - 基本设置
    • 与 EEG 集成的桌面应用研究
    • 被试组平衡与变量设置
    • 构建一个多用户研究
    • 网站框架眼动追踪操作指南
    • 条件网络摄像头眼动追踪
    • 文本分割研究构建
  • 常见问题
    • 功能
    • 支持政策与指南
    • 安全与数据隐私
    • 许可
    • Labvanced 的精度
    • 编程使用与 API
    • 离线使用 Labvanced
    • 故障排除
    • 研究创建问题
  • 通讯档案
  • 文档
  • 课堂
Labvanced中网站框架的插图,显示嵌入到研究中的真实外部网站

网站框架

网站框架是第三种框架类型,与画布框架和页面框架并列,而不是放置在其中的元素。它通过单击其自身图标在框架类型选项中添加到试验组。

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

注意

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

外部网站与自定义网站

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

外部网站

通过URL嵌入真实的、实时的网站,具有三个复选框来控制嵌入的浏览器外观:Show URL bar, Show back button, Show forward button。需要安装Web Bridge Chrome扩展,查看完整的Labvanced Web Bridge指南以获取安装步骤。


自定义网站

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

网站框架属性

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

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

有关完整工作流程,安装浏览器扩展、添加网站框架、选择关注区域以及追踪内容,请参阅完整的Labvanced Web Bridge指南或网站框架眼动追踪教程以获取从头到尾的任务流程。

观看此视频中的教程:

进一步阅读

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

框架

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

Labvanced Web Bridge

Labvanced Web Bridge

完整指南:安装扩展,添加网站框架,选择关注区域和追踪内容。

网站框架眼动追踪教程

网站框架眼动追踪教程

一个用于在真实嵌入网站上追踪注视的从头到尾的任务流程。

Prev
页面框架