Labvanced Web Bridge — 拡張機能のサポート & ガイド
助けが必要ですか？ [email protected]までご連絡ください
目次
1. Labvanced Web Bridgeとは何ですか？
Labvanced Web Bridgeは、Labvanced実験プラットフォーム（labvanced.com）を実際のウェブサイトに接続するためのGoogle Chrome用ブラウザ拡張機能です。これにより、研究者は参加者がライブのサードパーティウェブサイトと対話する制御されたUX研究や行動研究を実施でき、Labvancedは目の動き（ウェブカメラを使用）、マウスクリック、ホバーイベント、スクロール動作を記録します。
この拡張機能がないと、ブラウザは標準のセキュリティ制限のため、ウェブサイトを研究の中に埋め込むことを防ぎます。この拡張機能は、制御されたLabvanced研究セッション内でのみこれらの制限を解除し、埋め込まれたサイトでの参加者の対話を測定するために必要な行動追跡機能を追加します。
2. インストール
手順
研究者
- Google Chromeに移動します。
- Labvanced Web BridgeのChromeウェブストアページにアクセスします。
- **「Chromeに追加」**をクリックします。
- 確認ダイアログで、**「拡張機能を追加」**をクリックします。
- Labvanced Web BridgeのアイコンがChromeツールバーに表示されます。
参加者
- インストールをクリックします。
- **「Chromeに追加」**をクリックします。
- 確認ダイアログで、**「拡張機能を追加」**をクリックします。
- 実験に戻り、ページをリフレッシュして研究を開始します。
拡張機能がアクティブであることの確認
研究者 インストール後、ダッシュボードタブに移動し、新しい研究を作成します。下にスクロールし、ボックスにチェックを入れて外部ウェブサイトを追跡:をアクティブにします。拡張機能が正しくインストールされていれば、Labvancedエディタは緑のチェックマークと確認メッセージを表示します。
参加者
実験ページをリフレッシュすると、実験が進行します。
3. 誰がこれをインストールすべきか？
研究者
以下に該当する場合は、拡張機能をインストールしてください：
- 実際のウェブサイトを刺激として含む研究を設計している（例：商品ページ、ニュース記事、キオスクインターフェースのテスト）。
- Labvancedエディタで
ウェブサイトフレーム要素を使用している。 - 外部ウェブサイトを含む研究のプレビューまたはパイロットを実施している。
標準的なLabvanced刺激（画像、動画、テキスト、フォームなど）のみを使用する研究や、自分のウェブサイトのHTTPヘッダーを直接編集・制御できるウェブサイトの所有者である場合は、この拡張機能は必要ありません。
研究参加者
以下に該当する場合は、拡張機能をインストールしてください：
- 研究のリンクを受け取り、開始前にインストールするよう指示された。
- 研究のオンボーディングページが拡張機能がインストールされていることを確認するよう求めている。
必要かどうか不明な場合、研究リンクページには研究開始前にそれが示されています。
4. 使用方法 — 研究者ガイド
4.1 研究にウェブサイトフレームを追加する
- Labvancedエディタで実験を開きます。
トライアルタイムラインの下で、+ ウェブサイトフレームオプションをクリックします。- 要素タイプから**「ウェブサイトフレーム」**を選択し、次に
外部ウェブサイトオプションを選択します。拡張機能がアクティブな場合、緑の確認メッセージが表示されます。そうでなければ、上記のインストール手順を参照してください。 - 前のステップでタスクを作成した際に指定したウェブサイトが自動的に表示されるようになります。
4.2 興味のある領域（AOI）の選択
興味のある領域（AOI）は、追跡したい埋め込まれたウェブサイトの特定の要素です。例として、商品画像、見出し、「カートに追加」ボタンがあります。
- エディタでウェブサイトフレームがアクティブな状態で、インタラクティブに表示されている場合、サイドメニューから
ウェブサイトAOIを追加オブジェクトをクリックします。 - AOIオブジェクトが追加され、赤に表示されます。ターゲットAOIをクリックします。選択が緑に変わります。
- AOIの選択を変更したい場合は、オブジェクトプロパティパネルを使用して、選択の
親をポイントして上に移動し、ウェブサイトのより大きな部分を選択したり、選択の子をポイントしてより具体的なコンポーネントを選択したりできます。AOIが固定されたら（緑に表示されていること）、xおよびy座標ごとにピクセルを増減させてそのサイズオフセットを調整し、位置を調整することもできます。 - また、
解像度オプションを使用して、研究がデスクトップ用かモバイル用かを示すことができます。下の画像では、モバイルが選択され、AOIが自動的に更新されました。
- 他の要素についても繰り返します。
- 各AOIはAOIリストに表示され、研究中に自動的に追跡されます。
4.3 追跡されるデータ
研究セッション中の各AOIに対して、Labvancedは研究者に行動データを記録する次の可能性を提供します：
| データタイプ | 説明 |
|---|---|
| 要素の位置 | 画面上の要素のバウンディングボックス（x, y, 幅, 高さ）、参加者がスクロールする際にリアルタイムで更新 |
| 視線データ | 要素の位置にマッピングされたウェブカメラベースのアイ・トラッキング（研究設定でアイ・トラッキングが有効である必要があります） |
| クリックイベント | 参加者が要素内をクリックしたかどうかとその位置 |
| ホバーイベント | 参加者のマウスが要素に入ったり出たりしたとき |
| マウス移動 | 参加者がページを移動する際のマウス座標 |
| スクロール位置 | 各瞬間のページスクロールオフセット |
4.4 研究のプレビュー
公開する前に、必ずインストールされた拡張機能で研究をプレビューして、以下を確認します：
- ウェブサイトがフレーム内で正しく読み込まれる。
- AOIが期待通りに機能している。
まずタスクを保存し、次にエディタのツールバーのタスクコントロールの下にある**「プレビュー」**再生ボタンをクリックして特定のタスクの参加者ビューのプレビューを開きます。
4.5 公開と共有
研究が準備できたら：
立ち上げ & 参加タブに行きます。データ録音を有効にするボタンをクリックして、研究のデータ録音を有効にします。オンライン参加 / 研究が公開されたの下で、公開をクリックします。オンライン参加リンクをコピーし、参加者と共有します。
5. 使用方法 — 参加者ガイド
研究の前に
- 研究者からLabvanced研究の直接リンクを受け取ります。
- 拡張機能がまだインストールされていない場合、研究ページにはChromeウェブストアへの直接リンクを含むインストールプロンプトが表示されます。
- 拡張機能をインストールし、次に研究リンクに戻ってページをリフレッシュします。
- 研究が拡張機能がインストールされていることを確認したら、
開始をクリックして始めます。```markdown
研究中
- 通常通りに表示されたウェブサイトを使用し、インタラクションしてください — 指示に従ってブラウズ、クリック、スクロールします。
- 拡張機能はバックグラウンドで静かに動作しています。インタラクションする必要はありません。
- 研究中に拡張機能のアイコンをクリックしないでください — 必要ありません。
研究後
- プロンプトが表示された場合は、研究後の質問に回答してください。
- 研究が終了したら、もう必要がない場合は拡張機能をアンインストールできます：
- ツールバーの拡張機能アイコンを右クリック → 「Chromeから削除」。
6. 使用事例
6.1 EコマースUXリサーチ
商品リストまたはチェックアウトページを埋め込みます。参加者がどの商品画像に注目し、どの「カートに追加」ボタンをクリックし、決定を下す前にどれくらいスクロールするかを追跡します。
6.2 ニュース＆メディア注意研究
ニュース記事またはホームページを埋め込みます。どの見出しが最も注意を引くか、記事の長さによって読書パターンがどのように変化するか、最初に目を引く画像はどれかを測定します。
6.3 ナビゲーション＆情報アーキテクチャテスト
ウェブサイトのナビゲーションメニューや複数ページのフローを埋め込みます。メニューラベルの明瞭性や見つけやすさを評価するために、クリックやホバーデュエルタイムを記録します。
6.4 比較研究（A/B）
埋め込まれた異なるウェブサイトバージョンを持つ2つのトライアルを作成します。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の外で何かを変更しますか？
いいえ。拡張機能は、labvanced.comのトップレベルURLを持つブラウザタブでのみ、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内のiframe構造を使用しています。
Object Propertiesパネルを通してParent要素を選択してみてください。 - エディタをリフレッシュし、再度試してください。
9. よくある質問
Q: 拡張機能は無料ですか？ A: はい。拡張機能はインストールおよび使用が無料です。研究を設計するにはLabvancedアカウントが必要です。
Q: 他のブラウザ（Firefox、Safari、Edge）で動作しますか？ A: 現在、サポートされているのはGoogle Chromeのみです。Microsoft Edge（Chromiumベース）は動作する可能性がありますが、公式にはサポートされておらず、テストもされていません。
Q: 研究後に拡張機能をインストールしたままにする必要がありますか？ A: いいえ。参加者は研究を完了した直後にアンインストールできます。拡張機能アイコンを右クリック → 「Chromeから削除」。
Q: 拡張機能はブラウザを遅くしますか？ A: 拡張機能はLabvancedセッション外では非アクティブです。通常のブラウジングにオーバーヘッドを追加しません。
Q: 私のパスワードや銀行情報を見ることができますか？ A: いいえ。パスワードフィールド（<input type="password">）やクレジットカード入力は明示的に除外され、すべてのケースで空の値を返します。拡張機能は機密性の高いフォームデータを読み取ったり送信したりすることはありません。
Q: 私は研究者ですが、参加者が自分で訪れているウェブサイトを追跡するためにこれを使用できますか？ A: いいえ。拡張機能はlabvanced.comによって埋め込まれたiframe内でのみアクティブになります。参加者が他のタブで独立して訪れるウェブサイトを追跡することはできません。
Q: 私の機関のITポリシーでは、従業員が拡張機能をインストールする前にレビューが必要です。誰に連絡すればよいですか？ A: [email protected]にお問い合わせください。
10. お問い合わせ & サポート
メール: [email protected]
ドキュメント: https://www.labvanced.com/content/learn/ja/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をご覧ください。