> ## Documentation Index
> Fetch the complete documentation index at: https://support.lumafield.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 埋め込み Voyager

> スキャンを Web ページに埋め込み、製品品質とエンジニアリングの優位性を示す

<h3 id="overview">
  概要
</h3>

Voyager プロジェクトの HTML 埋め込みを Web ページに配置できます。スキャン結果や製品品質、エンジニアリングの優位性を示すのに最適です。

Embedded Voyager は 1 つのプロジェクト内の 1 つのブックマークを表示します。3D、X、Y、Z ビューを切り替えたり、2 次元軸をスクラブしたりできます。埋め込みプロジェクトの閲覧権限は、通常の Voyager と同じ方法で制御できます。

Lumafield のマーケティングチームは、主に Lumafield のサイト（例: [こちら](https://www.lumafield.com/article/finding-lead-in-stanleys-quencher-industrial-ct) のブログ記事）で利用していますが、スキャンを共有したい場合の手順を以下に示します。

<h3 id="how-to-set-up-embedded-voyager">
  Embedded Voyager の設定方法
</h3>

<h4 id="set-up-your-project">
  プロジェクトの準備
</h4>

Embedded Voyager のウィンドウは、Voyager アプリでプロジェクトを開く場合と同様に、プロジェクトの全データをユーザーのブラウザにダウンロードします。読み込み時間を短縮するため、プロジェクトをできるだけ軽量にしてください。Workspace 内の対象プロジェクトを右クリックし、「Duplicate」を選択してコピーを作成します。

<img height="200" src="https://mintcdn.com/lumafield/iD2sgKuz7BoMpq7k/images/embedded-voyager-duplicate-project.jpg?fit=max&auto=format&n=iD2sgKuz7BoMpq7k&q=85&s=313cfc1387c4a329801a8559cf9ee81f" data-path="images/embedded-voyager-duplicate-project.jpg" />

複製したプロジェクトで、対象のブックマークが依存する Data Object 以外のデータオブジェクト（Reconstructions や ROIs）をすべて削除します。ブックマークが依存する Data Object は、Viewer ウィンドウ右上のドロップダウンで確認できます。

<img height="200" src="https://mintcdn.com/lumafield/iD2sgKuz7BoMpq7k/images/embedded-voyager-data-objects.jpg?fit=max&auto=format&n=iD2sgKuz7BoMpq7k&q=85&s=763136e563320b2dbd94f4864fba4c43" data-path="images/embedded-voyager-data-objects.jpg" />

Voyager の Toolbar で SHARE を選択し、「Project sharing」内の「Anyone with link can view」をオンにします。

<h4 id="set-up-your-embed">
  埋め込みの設定
</h4>

Voyager ウィンドウはインラインフレーム（[iframe](https://www.w3schools.com/tags/tag_iframe.ASP)）に埋め込みます。プロジェクト URL を引用符の中に貼り付け、URL の後に **?embed=true** パラメータを追加します。

埋め込みウィンドウを別のプロジェクトにリダイレクトしたい場合（通常はデータオブジェクトを最小限にした簡易版の元となるフルプロジェクト）は、**\&project-redirect-id=** パラメータを追加し、プロジェクト ID（URL の末尾部分）を指定します。Voyager プロジェクトへのリンクを設けたくない場合は、このパラメータを含めないでください。

閉じ引用符の後で高さと幅をピクセルまたはパーセントで設定できます。Web 埋め込みの初期値としては height=400、width=100% が目安です。配置の調整も可能で、**center** が無難です。埋め込みを識別するため、**title=** の引用符内にスキャンのタイトルを入力してください。

以下に例を示します:

```html embed.html theme={null}
<iframe src="https://app.lumafield.com/project/0b1b52b6-095b-4d26-a2e9-43df89310f29?embed=true&project-redirect-id=1fd08b06-6b02-4e72-85db-0ebdb624142d" height="400" width="100%" style="border: none;" title="OM.G Cable"></iframe>
```

<h4 id="embed">
  **埋め込み**
</h4>

Web ページの適切な位置に HTML 埋め込みを配置すると、Voyager を開かなくても、あらゆるコンピューターやモバイルデバイスからスキャンを表示できます。

<img height="200" src="https://mintcdn.com/lumafield/iD2sgKuz7BoMpq7k/images/embedded-voyager-in-webpage.jpg?fit=max&auto=format&n=iD2sgKuz7BoMpq7k&q=85&s=3dc1fa9d97a1906e56e2267f58063291" data-path="images/embedded-voyager-in-webpage.jpg" />

<Note>
  Embedded Voyager は Web ページでの利用に最適です。[こちら](https://www.ispringsolutions.com/blog/how-to-embed-an-iframe-in-a-powerpoint-presentation) のようなアドインを使えば、PowerPoint への埋め込みも可能です。現時点では PDF に埋め込み HTML コンテンツは対応していません。
</Note>