```
### ファイルのアップロード
index.htmlをWEBサーバー等にファイルをアップロードし、アップロードしたWEBサーバーにブラウザからアクセスします。
アップロード先はホスティング企業やWEB担当に確認してください。AWS上のS3などのサービスでも利用可能です。
右下にCTAが表示されたら成功です！🙌 おめでとうございます！
下記の表示はデジタルヒューマンプラットフォーム上でドメインが許可されていない事が原因です。
```html
Error creating session: Domain not allowed (https://digitalhumans-demo.jp)
```
右下にCTAも何も表示されない場合は、JavaScriptコンソールを確認してください。
下記の表示はindex.html サンプルをそのままコピペされたことが原因です。`personaId` を正しい値に修正してください。
```html
UneeQ Hosted Experience could not be loaded, personaId not valid: DPIからpersonaIdコピー&ペーストする
```
下記の表示はindex.html サンプルをそのままコピペされたことが原因です。`Personaldentifier` を正しい値に修正してください。
```html
Personaldentifier: DPIからpersonaldentifierをコピー＆ペーストする is not found
```
下記の表示はDIP上で`許可ドメイン`に`設置ドメイン`が登録されていないことが原因です。DIPにアクセスして許可ドメインに登録してください。
正
```jsx
https://digitalhumans-demo.jp
```
誤
```jsx
https://digitalhumans-demo.jp/ # 最後の"/"が不要です。
https://digitalhumans-demo.jp/○○.html # ファイルパスは不要です。
http://digitalhumans-demo.jp/ # https でアクセス出来るようにしてください。
```
### 話しかけてみる
マイクとスピーカの設定が適切であれば、あなたが話しかけたことを認識してオウム返ししてくると思います。下記のような現象が出た場合は原因を特定してみましょう。
| 現象 | 原因の可能性 |
| ------------------------------------- | ----------------------------------------------------------------------------------------------- |
| 話しかけたが応答がない | マイクを認識していない可能性があります。 [こちら](/users/troubleshooting/digitalhuman-not-hearing-voice.md)を参考にしてください。 |
| テキストインプットにメッセージを入れると応答するが、話しかけても応答がない | マイクを認識していません。[こちら](/users/troubleshooting/digitalhuman-not-hearing-voice.md)を参考にしてください。 |
| デジタルヒューマンが喋っているように見えるが声がしない | スピーカの設定が誤っているかミュートになっていると思われます。 |
### 会話AIの設定を行う
ご準備いただいた会話AIの設定を行いましょう。下記のページを参考にして設定を行ってください。
[会話AIやチャットボットとの接続を変更する](/ops/chatbot-integration/change-chatbot-connection.md)
### カスタマイズする
下記のページを参考にしてindex.htmlを修正するだけで機能のOFF/ONや表示のカスタマイズが可能です。
[カスタマイズ](/quickstart/production/quickstart-custom-domain.md)
### マニュアル オーバーライド
デフォルトでは、提供されるJavaScriptのコードスニペットを追加するだけで、所有および管理する任意のウェブサイトにデジタルヒューマンを埋め込むことができます。ユーザーが特定のアクションを起こすまでinit()関数の実行を遅延させるなど、JavaScriptの実行を手動で制御したい場合は、コード内でこの関数（例: `window.uneeqInstance.init()` またはUneqクラスをインスタンス化する方法）を呼び出すだけで済みます。
init()\` を手動で呼び出す場合、関数が呼び出される**順序**に特に注意してください。イベントリスナーは初期化の前に作成する必要があります。 {% endhint %}
```jsx
console.log('Setting up UneeQ Event Listeners');
eventManager.addHandler('UneeqMessage', async (event) => {
await handleUneeqMessage(event); // 特定のイベントにリスナーをバインドする
});
await initializeUneeq(); // デジタルヒューマンを起動する
console.log('UneeQ initialized');
```
### 既存サイトに組み込む
既存サイトにコードスニペットを挿入してください。この時、ドメインを許可ドメインにいれることを忘れないでください。
オーバーレイモードやコンテインドレイアウトモードなどを活用すると導入がスムーズです。
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.digitalhumans.jp/dev/hosted-experience/installation-guide.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.