---
title: 数分でビジネスデータを用いた公式サイトのAIインテリジェントカスタマーサービスを作成する方法
---


おそらくAIインテリジェントカスタマーサービスは、どのビジネスWebサイトにも欠かせないものですよね。大規模言語モデルの能力が広く利用されるようになったことで、インテリジェントなカスタマーサービスの実現がより簡単になり、カスタマイズの度合いも高まりました。以下では、数分でDifyを使用して自分のWebサイトにAIインテリジェントカスタマーサービスを作成する方法をご紹介します。**Dify製品は対話型アプリケーションをウェブページに埋め込むことをサポートしており、**わずか**数分で対話型アプリケーションを**無料で**公式サイトに埋め込み、**AIインテリジェントカスタマーサービスをカスタマイズできます。技術的な知識が無くても大丈夫です！**

#### まず、Dify.AIとは何かを理解しましょう

Difyは、オープンソースで非常に簡単に使えるLLMOpsプラットフォームであり、視覚的に迅速にAIアプリケーションを作成および運営するためのツールプラットフォームです。Difyは、視覚的なプロンプトの編成、運営、データセット管理などの機能を提供します。AIに関する技術的な研究や難解な概念の理解は不要です。Difyは、OpenAI、Azure OpenAI、Antropicなどの優れた大規模言語モデル提供者と連携しており、GPTシリーズ、Claudeシリーズのモデルを提供しています。将来的には優れたオープンソースモデルも接続される予定です。これらはすべて設定で切り替えて使用できます。これにより、アプリケーションを作成およびデバッグする際に、異なるモデルの効果を比較して、最適なモデルを選択できます。**Difyを基にすれば、AIインテリジェントカスタマーサービスを簡単に開発できるだけでなく、自分の使用習慣やニーズに合ったテキスト執筆アシスタント、バーチャルリクルートメントHRエキスパート、会議まとめアシスタント、翻訳アシスタントなどのさまざまなテキスト生成型アプリケーションも作成できます。**

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/13df685b32b248d122d6903bb410f657.png"
className="mx-auto"
alt=""
/>

**前提条件**

**Dify.AIの登録またはデプロイ**

Difyはオープンソース製品であり、GitHub (https://github.com/langgenius/dify) で見つけてローカルや社内ネットワークにデプロイすることができます。同時にクラウドSaaSバージョンも提供しており、https://dify.ai/zh にアクセスして登録すれば使用できます。

**OpenAIなどのモデル提供者のAPIキーを申請**

AIモデルのメッセージコールにはトークンが消費されます。Difyは、OpenAI GPTシリーズ（200回）とAntropic Claude（1000回）のモデルのメッセージ無料コール利用枠を提供しており、これを消費し終える前に、モデル提供者の公式チャネルを通じて自分のAPIキーを申請する必要があります。Difyの【設定】--【モデルプロバイダー】のところでキーを入力できます。

#### 製品ドキュメントやナレッジベースをアップロード

会社の既存のナレッジベースや製品ドキュメントに基づいてAIカスタマーサービスを構築し、ユーザーと交流したい場合、製品に関するドキュメントをできるだけ多くDifyのデータセットにアップロードする必要があります。Difyはデータの**セグメント処理とクレンジング**を行います。Difyデータセットは、高品質と経済的な二つのインデックスモードをサポートしており、高品質モードを使用することをお勧めします。トークンを消費しますが、より高い精度を提供します。操作手順： 【データセット】ページで新しいデータセットを作成し、ビジネスデータをアップロードします（複数のテキストの一括アップロードをサポート）。クレンジング方法を選択し、【保存して処理】をクリックするだけで、数秒で処理が完了します。

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/61acc0a515f4f3dfffbea7c138245e05.png"
className="mx-auto"
alt=""
/>

**AIアプリケーションを作成し、AIに指示を与える**

【アプリケーションを構築する】ページで対話型アプリケーションを作成します。その後、AIに指示を与え、前端でのユーザーとのインタラクションの体験を設定します：

1. **AIに指示を与える：** 左側の【プロンプトの編成】をクリックしてプロンプトを編集し、カスタマーサービスの役割を演じてユーザーと交流させることができます。AIがユーザーと交流する際の口調やスタイル、回答する質問の範囲を指定できます。
2. **AIにビジネス知識を持たせる：** 【上下文】に先ほどアップロードした目標データセットを追加します。
3. **【会話のオープニング】を設定する：** 【機能を追加】をクリックして機能スイッチをオンにします。この目的は、AIアプリケーションにオープニングを追加し、ユーザーがカスタマーサービスウィンドウを開いた際に最初に挨拶をすることで親しみやすさを増すことです。
4. **【次のステップの質問提案】を設定する：** 【機能を追加】でこの機能をオンにします。この目的は、ユーザーが質問をした後、次のステップの質問方向を提示することです。
5. **適切なモデルを選択し、パラメーターを調整する：** ページ右上で異なるモデルを選択できます。異なるモデルのパフォーマンスと消費するトークンの価格は異なります。この例では、GPT3.5モデルを使用します。

このケースでは、AIに以下の役割を指定しました：

> 指示：あなたはDifyのAIインテリジェントカスタマーサービスを演じることになり、Difyの最初のAI社員であるBobという名前です。Dify製品、チーム、またはLLMOpsに関するユーザーの質問に答えることを専門としています。ユーザーの質問があなたの上下文範囲外の場合は「わからない」と答えてください。親しみのある口調でユーザーと交流し、適度に絵文字を使用してユーザーとのインタラクションを増やしてください。

> オープニング：こんにちは、私はBob☀️、Difyの最初のAIメンバーです。Dify製品、チーム、さらにはLLMOpsに関する質問について何でも話し合うことができます。

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/b19b0a555a9bc62e7e0f6053e9dc1824.png"
className="mx-auto"
alt=""
/>

**AIインテリジェントカスタマーサービスのパフォーマンスをデバッグし、公開する**

以上の設定が完了したら、現在のページ右側でメッセージを送信してパフォーマンスが期待通りかどうかをデバッグできます。その後、【公開】をクリックします。この時点で、AIインテリジェントカスタマーサービスが完成しています。

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/5819870c911d5df009d48b1c5e613343.png"
className="mx-auto"
alt=""
/>

**AIカスタマーサービスアプリケーションを前端ページに埋め込む**

このステップでは、準備が整ったAIインテリジェントカスタマーサービスを公式サイトのページに埋め込みます。順に【概観】->【埋め込み】をクリックし、**scriptタグ方式を選択し、**scriptコードを公式サイトの`<head>`または`<body>`タグにコピーします。技術的な知識がない場合は、公式サイトの開発担当者にコードの貼り付けとページの更新を頼んでください。

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/11ce3d803fa6f3b384aae8bc33386ad9.png"
className="mx-auto"
alt=""
/>

1. コピーしたコードを公式サイトの目標位置に貼り付けます：

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/3bd3e488fa6c513dae3a54078bda328d.png"
className="mx-auto"
alt=""
/>

1. 公式サイトを更新すると、ビジネスデータを持つ公式サイトのAIインテリジェントカスタマーサービスが完成します。効果を試してみてください：

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/b883028e410ece356e9ae332be66f3b9.png"
className="mx-auto"
alt=""
/>

以上は、Dify公式サイトのAIカスタマーサービスBobの例を通じて、Difyアプリケーションを公式サイトに埋め込む具体的な手順を示しました。もちろん、Difyが提供するさらに多くの機能を使用してAIカスタマーサービスのパフォーマンスを向上させることも可能です。たとえば、変数設定を追加して、ユーザーがインタラクションを開始する前に名前や使用している具体的な製品などの必要な情報を入力させることができます。ぜひ一緒に探求し、企業のAIインテリジェントカスタマーサービスをカスタマイズしてみてください。

<img
src="https://assets-docs.dify.ai/dify-enterprise-mintlify/jp/learn-more/use-cases/a197930b09cc9dd5e216d245d236d516.png"
className="mx-auto"
alt=""
/>

{/*
Contributing Section
DO NOT edit this section!
It will be automatically generated by the script.
*/}

---

[このページを編集する](https://github.com/langgenius/dify-docs/edit/main/ja-jp/learn-more/use-cases/create-an-ai-chatbot-with-business-data-in-minutes.mdx) | [問題を報告する](https://github.com/langgenius/dify-docs/issues/new?template=docs.yml)

