# メディアガイドの開発

メディアガイドは、既存のメディアや記事をSaaSアプリケーション内に埋め込むことができます。 Nexthink Adoptのコンテキストヘルプパネルでは、コンテキストルールと条件に応じてメディアにアクセスできます。

以下のイメージは、従業員が外部コンテンツを参照するスマートページ表示を介してメディアタイプのガイドをどのように見るかを示しています。

## Adoptエディターを使用したメディアコンテンツの開発

メディアのための[Adoptエディターにアクセス](#accessing-adopt-editor-for-tooltips):

1. Adopt Editorでメディアを追加するには、「メディアを追加」または「+」アイコンを使用します。
2. メディア**プロパティ**を開いて**メディア**プロパティタブにアクセスします。 ここでは、ガイドにテキストとコンテンツを追加することができます。

## メディアへのテキストとコンテンツの追加

[Adoptエディターの左側パネル](#understanding-adopt-editor-for-media)から、ガイド用メディアの**プロパティ**にアクセスし、ガイドを使用する従業員に表示・再生されるコンテンツを追加します。

* あなたのメディアの名前を**定義**し、**コンテキストヘルプ**に表示されます。
* **メディアコンテンツ**エディターを使用してテキストを入力し、フォーマットします。
  * これは**リンク**には適用されません。
* メディアのソースを選択してください。
  * [アセット・ライブラリー](https://docs.nexthink.com/platform/ja/user-guide/adopt/guide-creation-and-management-from-nexthink-applications/managing-adoption-assets-with-the-asset-library)から**ファイルを選択**します。
  * 表示したいメディアの**URLを入力**します。
    * メディアに付随する**コンテキスト・ヘルプ・アイコン**を定義します：**リンク**、**PDF**または**ビデオ**。

{% hint style="info" %}
iframeに埋め込むことができるメディアのみ使用できます。
{% endhint %}

* **オーバーレイ**のタイプを定義します:
  * **パネル**は左側のパネルにコンテンツを表示します。 このオーバーレイは、PDFやビデオコンテンツを同ページ内に埋め込むのに最適です。
  * **スマートページ**は、ページの中央にウィンドウを開き、埋め込まれたコンテンツを内部に表示し、ウォークスルーステップに似たロジックを持ちます。 利用者がコンテンツを閲覧した後、ウィンドウを閉じる代わりに**完了**を選択できます。
  * **通知**はページ下部に広いボックスでコンテンツを表示し、通知に似ています。
  * **サイドバー**は**パネル**に視覚的に似ていますが、**スマートページ**と同じルールに従います。
  * **リンク**はコンテンツを表示しません。 新しいタブを開き、設定されたURLにリダイレクトします。

## メディアへのSharePointコンテンツの追加

{% hint style="warning" %}
メディアにSharePointコンテンツを追加する前に、有効なMicrosoft 365の認証トークンがあることを確認してください。Nexthink Adoptでは認証を処理せず、エラーメッセージが表示されます。
{% endhint %}

エディターを介して既存のコンテンツライブラリーからコンテンツを埋め込むには、以下の手順に従ってください:

1. SharePointのWebアプリケーションでコンテンツを開きます。
2. ハンバーガーメニューから**埋め込み**を選択します。
3. 埋め込みコードから`iframe src`のURLをコピーします。
4. コピーしたURLをエディターのメディアURL欄に貼り付けます。
   1. 適切なメディアタイプを選択することを忘れないでください。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-62bab4c7f9b8aa24c5fdaf134b8ea1e5cf9aab70%2Fimage%20(365).png?alt=media" alt=""><figcaption></figcaption></figure>
