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におけるヘッドトラッキング | ガイド
    • メインアプリタブ

      • 概要: メインタブ
      • ダッシュボード
      • 私の研究
      • 共有された研究
      • 私のファイル
      • 実験ライブラリ
      • マイアカウント
      • ライセンスとサービス
    • 研究タブ

      • 概要: 研究特有のタブ
      • 研究デザイン
        • タスク
        • ブロック
        • セッション
        • グループ
      • タスクエディタ
        • タスクコントロール
        • 試行システム
        • フレームタイプ
        • オブジェクト
        • オブジェクトプロパティテーブル
        • 変数
        • システム変数テーブル
        • イベントシステム
        • テキストエディタの機能
        • タスクエディタにおける視線追跡オプション
        • タスクにおける頭追跡
        • マルチユーザー研究
      • 設定
      • 変数
      • メディア
      • テキストと翻訳
      • 開始と参加
      • 被験者管理
      • データビューとエクスポート
        • Dataview と変数 & タスクの選択 (古いバージョン)
        • 録音へのアクセス (古いバージョン)
  • 動画
    • 動画の概要
    • Labvancedの使い方
    • タスクの作成
    • 要素の動画
    • イベントと変数
    • 高度なトピック
  • ウォークスルー
    • イントロダクション
    • ストゥループ課題
    • 語彙的判断課題
    • ポズナーの注視誘導課題
    • 変化盲点フリッカー・パラダイム
    • 眼球追跡サンプル研究
    • 乳児の眼球追跡研究
    • マウストラッキングによる注意捕捉研究
    • 迅速な連続視覚提示
    • ChatGPT研究
    • 眼球追跡デモ: AOIとしてのSVG
    • マルチユーザーデモ: 被験者のカーソルの表示
    • ゲームパッド / ジョイスティックコントローラー - 基本的なセットアップ
    • EEG統合を用いたデスクトップアプリ研究
    • 被験者間グループのバランスと変数の設定
    • マルチユーザー研究の構築
    • ウェブサイトフレーム眼球追跡ウォークスルー
    • 条件付きウェブカメラ眼球追跡
  • FAQ
    • 機能
    • サポートポリシーとガイドライン
    • セキュリティとデータプライバシー
    • ライセンス
    • Labvancedの精度
    • プログラム的利用とAPI
    • Labvancedをオフラインで使用する
    • トラブルシューティング
    • 研究作成に関する質問
  • ニュースレターアーカイブ
  • 文書
  • 教室
Labvancedのウェブサイトフレームのイラスト、研究に埋め込まれた実際の外部ウェブサイトを表示

ウェブサイトフレーム

ウェブサイトフレームは、Canvas FrameおよびPage Frameと並ぶ三番目のフレームタイプであり、どちらの上に置かれる要素ではありません。フレームタイプのオプションの中から、そのアイコンをクリックすることで、試行グループに追加されます。

CanvasまたはPage FrameがLabvanced内で構築された刺激を表示するのに対し、ウェブサイトフレームは研究内に実際の外部のライブウェブサイトを直接埋め込みます。これは、LabvancedのWeb Bridge機能の背後にあるフレームタイプであり、実際のウェブサイトでの使いやすさテスト、注意研究、アイ・トラッキングに使用されます。

注

ウェブサイトフレームを使用して外部ウェブサイトを埋め込むか、Labvanced内で作成する予定がある場合、そのフレームタイプをCanvasまたはPage Framesと同じ試行タイムラインで組み合わせるのではなく、独自のタスクに隔離することを強くお勧めします。

外部ウェブサイトとカスタムウェブサイト

このフレームがサポートするウェブサイトには2つのタイプがあります。

外部ウェブサイト

URLによって実際のライブウェブサイトを埋め込み、埋め込まれたブラウザクロームを制御するための3つのチェックボックス:Show URL bar, Show back button, Show forward buttonがあります。インストールするにはWeb Bridge Chrome拡張機能が必要です。インストール手順については、完全なLabvanced Web Bridgeガイドを参照してください。


カスタムウェブサイト

近日公開。 実際のものを埋め込むのではなく、Labvanced内でゼロからウェブサイトを構築します。Edit Codeをクリックすると、Labvancedの変数をランタイムでコードに注入するための変数パネルを持つ専用のHTML、CSS、およびJavaScriptエディタが開きます。例えば、CSV_loaded製品カタログから構築されたセルフチェックアウトキオスクインターフェースなどです。

ウェブサイトフレームのプロパティ

ウェブサイトフレームには、配置された要素とは別に独自のフレームレベルプロパティがあります。Frame Settingsパネルで設定します:

  • Name: タスク内でフレームを識別するためのラベル(参加者には表示されません)
  • Duration: ミリ秒単位のオプションの固定表示時間;設定がされていない場合、フレームはイベントまたはアクションが次に進むまで画面に表示されます
  • Hide Mouse: フレームがアクティブな間、参加者のカーソルを隠します
  • Mode: 上記の外部ウェブサイトまたはカスタムウェブサイトを表示するかどうかを設定します
  • Resolution: プリセットのドロップダウン、またはマニュアルWidth/Height(ピクセル)、参加者の画面に合わせて拡大縮小する固定仮想解像度を設定します。同じモデルはCanvas Frameが使用し、すべての参加者が実際の画面サイズに関係なく同じレイアウトを表示します。

完全なワークフロー、ブラウザ拡張のインストール、ウェブサイトフレームの追加、関心領域の選択、追跡される内容については、完全なLabvanced Web Bridgeガイドまたはウェブサイトフレームアイ・トラッキングウォークスルーを参照して、最初から最後までのタスクフローを確認してください。

このビデオでウォークスルーを視聴してください:

さらに読む

Labvancedの3つのフレームタイプのイラスト:Canvas、Page、およびWebsite Frame

フレーム

すべてのフレームタイプおよびすべてのフレームが共有するプロパティのハブです。

Labvanced Web Bridge

完全なガイド:拡張機能のインストール、ウェブサイトフレームの追加、AOIの選択、追跡される内容。

ウェブサイトフレームアイ・トラッキングウォークスルー

実際の埋め込まれたウェブサイトでの視線追跡のための最初から最後までのタスクフロー。

Prev
ページフレーム