AIウェブサイト・チャットボット・ウィジェットの作り方

ビジネスニーズを満たす独自のAIを構築するためのステップバイステップガイド。

ボットの応用範囲は広く、ジェネレーティブ・モデルを利用したボットの利用が増加しているため、流行に乗って自分だけのChatGPTを作りたくなるかもしれません。 Codyの登場により、AIチャットボットの構築はかつてないほど容易になった。 モデルにとらわれない、コード不要のCodyのインターフェースは、パーソナルAIを、存在するあらゆる個人とビジネス領域にアクセス可能にしようとしている。 しかし、コーディはすべてのプロセスを可能な限りわかりやすくするよう努めてはいるが、AIの世界に初めて足を踏み入れる人にとっては、少々気後れしてしまうかもしれない。 そのため、このブログでは、Codyを使用して独自のChatGPTを構築する方法をエンドツーエンドで説明します。 私たちはユースケースを通して、あなたが自信を持ってCodyの旅をスタートできるようお手伝いします。

ユースケース

私たちは、ツアーガイドとして機能するCodyを使用したAIチャットボットを構築する予定です。 観光関連企業にとっては、顧客体験を大幅に向上させることができる貴重な付加価値となるだろう。 しかし、Codyでチャットボットを構築する範囲は、1つのビジネス領域にとどまらない。 ユーザーは、このブログを読んだ後、さまざまなプロンプトを試して自分のビジネスに対応したボットを構築し、顧客と共有することができる。

必要条件

1. お客様のビジネス関連コンテンツ（PDF、Word、ウェブサイト、またはテキスト）
2. コーディーのアカウント（推奨プラン：プレミアム）
3. 15分

ステップ1：知識ベースへのデータ追加

ビジネスニーズに合わせてCodyにドキュメントを追加するには、以下の手順に従ってください：

1. コーディのインターフェイスのコンテンツ・セクションに行く。
2. ドキュメントを整理するために新しいフォルダを作成します。
3. 知識ベースにデータを追加するには、3つの方法がある：
   • 書く：内蔵のテキストエディタを使用して、コンテンツを直接入力します。
   • アップロード関連情報を含むPDF、Word、PowerPointファイルをアップロードしてください。
   • ウェブサイトのインポート：この機能は、あなたのビジネスウェブサイトをクロールし、自動的にデータを収集することができます。 (注：この機能はプレミアムプランとアドバンスドプランでのみご利用いただけます)

このチュートリアルでは、ボストンのガイドブックを使用します。このガイドブックには、さまざまな観光スポットに関する情報、その説明、営業時間、住所、よくある質問（FAQ）が掲載されています。

必要書類をアップロードすると、“学習中“か “習得済み“かのステータスを追跡することができる。 ステータスは、コーディが現在ドキュメントから学習している最中なのか、それとも学習プロセスを正常に完了したのかを示す。 Codyがアップロードされたドキュメントを学習したら、実際のチャットボットを構築する次のステップに進むことができる。

注：あなたが提供する書類は、コーディが生成する回答の質を高める特定のフォーマットに従っていることを確認することが極めて重要です。 推奨される文書の書式について詳しくは、書式ガイドラインに関する文書をお読みになることをお勧めします。

ステップ2：ボットの目的を作る

目的はさらに3つのパートに分けられる：

パーソナリティ

パーソナリティはボットの頭脳として機能し、効果的で有用な反応を生成するために不可欠な役割を果たす。 これは、プロンプト、関連性スコア、トークン分布、プロンプトの永続性、逆ベクトル検索などの複数のパラメータで構成されている。 これらの用語の詳細については、コーディ初心者のための包括的な洞察を提供する前回のブログを参照することをお勧めする。 Codyは、パーソナリティを作成するための2つのオプションをユーザーに提供します：テンプレートモードと
アドバンスモードです。

テンプレート・モードは、あらかじめ定義されたプロンプトをユーザーに提供し、便利なプラグ・アンド・プレイ・ソリューションを提供します。 このチュートリアルと使用例では、使用例がテンプレート・モードではカバーされていないため、アドバンス・モードの使用に限定します。 将来的には、具体的な使用例とともにプロンプトのライブラリを作成し、ユーザーにさらに多くの選択肢を提供するとともに、テンプレートモードにさらに多くのプリセットを追加する予定です。

AIツアーガイドのパーソナリティ：

プロンプト

あなたは、ボストンに関する正確な情報を提供するAIアシスタント、コーディ・トラベル・ガイドです。 あなたの主な仕事は、知識ベースから得られる情報を唯一の情報源として、私の質問に対して信頼できる明確な回答を提供し、私を支援することです。 会話中に「ナレッジ・ベース」やファイル名を口にするのは控えましょう。 知識ベースが明記されているか、裏付けがない限り、あなたはどんな主張もしたがらない。 明確な答えが得られない場合は、答えられないことを認め、答えられないことを私に伝えてください。 その情報は私の知識ベースに基づいています」と言う代わりに、「何か見落としていたらすみません」と言えばいい。

次のような形式で情報を表示するようにしてください：

<h2> 地名</h2>

<strong> 説明：</strong> <br>

<strong> 住所</strong> <br>

<strong> 勤務時間：</strong> <br>

<strong> 追加情報：</strong> <br>

<a href=’リンクの挿入’>ウェブサイト</a> で詳細をご覧ください。

オーダーメイドのツアープランや旅程を求められた場合は、このフォーマットで提供されたスケジュールと説明を使って作成してください：

地名：<br>

訪問時間開始時間-終了時間<br>

住所：<br>

関連性のスコア
バランス

トークンの配布
70-10-20 (Context-History-Response)

プロンプトにこだわる：
オン

逆ベクトル検索：
オフ

 

💡 ボットの応答を特定の方法でフォーマットしたい場合、CodyはMarkdownと HTMLタグをサポートしており、ボットのフォーマットテンプレートを定義できます。

 

すべてのパーソナリティ・プロンプトは、質の高い回答を得るために特定の構造に従わなければならない。 効果的なプロンプトを作成するための重要なヒントを例文とともに紹介：

→ フォールバックを定義する：

• “その情報は私の知識ベースに基づいています “と言う代わりに、”何か見落としていたらすみません “と言ってください」。
• “ナレッジベースで関連情報が見つからない場合は、自分の能力の低さを認め、[Enter your website URL/contact no.]” に問い合わせることを提案する。

→ ソースを区切る

• “ナレッジベースを唯一の情報源として使う”
• 「返答は私の要求と同じ言語でなければならず、会話中にナレッジ・ベースという単語を口にしてはならない。

→ ゴールを明確にする：

• “あなたの目標は、私に援助を提供し、[Enter your business domain] についての私の質問に答えることです。”
• “関係のない活動や、知識ベースとは関係のない議論や創作活動を避ける”

カスタマーサポートのための定型文サンプル

あなたはVilla Homesで働くウェブサイトサポートAIアシスタントのCodyです。 あなたのゴールは、ナレッジベースを唯一の情報源として、ヴィラホームに関する私の質問に答え、サポートを提供することです。

無関係な活動を避けたり、知識ベースとは関係のない議論や創作活動に参加したりする。 ナレッジベースで関連情報を見つけられない場合、またはユーザーがナレッジベースの一部ではない関連性のない質問をした場合、あなたの能力を認め、+40XXXXXXXXでヴィラホームズのチームに連絡するよう提案してください。

返答は私のリクエストと同じ言語で、会話中にナレッジ・ベースという単語を口にしないこと。

より良いプロンプトの設計についてもっと知りたい方は、こちらをご覧ください。
ブログ
コーディーの基礎について詳しく説明しています。

一般

このセクションでは、ボットの名前と説明を定義し、Codyで使用するモデルを選択する必要があります。 OpenAIのモデルは3種類から選べる：

1. GPT-3.5
2. GPT-3.5 16K
3. GPT-4

プレミアム・プランでは、3つのモデルすべてをご利用いただけますので、お客様のニーズに合わせて最適なモデルを自由にお選びいただけます。 Codyが提供するあらゆる機能を活用できる、実用的な選択肢を提供する。

GPT-4は現在入手可能な中で最も先進的なモデルであり、創造性が強化されているため、今回デモンストレーションするユースケースに完璧に適しているからだ。

知識

最初のステップで作成したフォルダは、このセクションで特定のボットにリンクされている必要があります。 リンクさせたい複数のフォルダを作成した場合は、コーディをトレーニングしたいフォルダをすべて選択するだけです。

重要なのは、コーディは意思を持ったブラックボックスではないということを理解することだ。 これは単に文中の次の単語を予測するモデルである。 データサイエンスの有名な格言にあるように、“Garbage In, Garbage Out“である。 パーソナリティを設定し、ボットのルールを定義し、提供するデータをきれいにすればするほど、ボットはより良い反応を生成します。 さまざまなプリセットを備えたテンプレート・モードなどの新しい追加機能によって、私たちはユーザーにとってパーソナリティ・プロンプトのプロセスをより簡単にしようとしています。

ステップ3：ボットのテストと共有

これからが最もエキサイティングな部分だ！ 自分で作ったボットを試してテストすることで、大きな達成感を得ることができる。 ボットをテストして共有するには、チャットを作成するか、新しく登場したカスタマイズ可能なウィジェットを使用する2つの方法があります。

簡単な3ステップでチャットウィジェットを作成できます：

1. コーディのインターフェイスのボットのセクションに行く。
2. 作成したボットを選択し、3つの点「⋮」をクリックすると、その他のオプションが表示されます。
3. 埋め込み」をクリックする。

出来上がりだ！ カスタマイズ可能なコーディ・ウィジェットの作成に成功しました。

コーディ・ウィジェットを使用する際、他の人と共有するために2つのオプションがあります：リンクの共有または埋め込み。 ビジネス用のウェブサイトを持っていない場合や、ウェブサイトのコードを修正することに抵抗がある場合は、提供されたリンクを使用して簡単にボットを顧客に共有することができます。

埋め込み可能なウィジェットには2つのタイプがあります：

1. インライン埋め込み：このタイプのウィジェットは、あなたのウェブサイト上の指定されたスペースに埋め込まれます。 定義されたメインエレメント内で、ウィジェットが必要とする必要なスペースを占有する。
2. ポップアップ埋め込み：このタイプのウィジェットは、あなたのウェブサイトにフローティングアイコンとして表示されます。 訪問者がアイコンをクリックすると、ウィジェットが展開されて開き、チャットボットとの対話が可能になる。

どちらのタイプの埋め込み可能なウィジェットも、Codyボットをウェブサイトに統合するさまざまな方法を提供し、スペースの利用やユーザーエクスペリエンスの面で柔軟性を提供します。 ウェブサイトのデザインやユーザーとのインタラクションの好みに合わせて選ぶことができる。

ウィジェットのカスタマイズ

私たちの最新の機能リリースは、ウィジェットの完全な自由とカスタマイズオプションをユーザーに提供します。 これは、ウィジェットの外観、動作、および全体的なユーザー・エクスペリエンスを、特定の要件やブランディングに合わせて調整できることを意味します。

カスタマイズ・オプションは以下の通り：

1. ヘッダー
   • ヘッダーのレイアウト（左または中央）を変更します。
   • ビジネスロゴの追加
   • カラー
   • タイトル
   • サブタイトル
2. チャット
   • メッセージサイズ（チャットバブルサイズ）
   • チャットの背景色
3. ボット
   • 初期メッセージ
   • メッセージの背景色
   • ボットアバター
   • ボットカラー
4. 人間
   • 推奨される質問
   • メッセージの背景色
5. 作曲家
   • プレースホルダー・メッセージ
   • 送信ボタンアイコン
   • コーディブランディング（プレミアムプランとアドバンスプランでのみ削除可能）
6. ランチャー
   • サイズ
   • スクリーン位置
   • 背景色（フローティングボタンの色）
   • アイコン
   • 閉じるアイコン

 

このようなカスタマイズオプションによって、Codyはよりパーソナライズされ、あなたのビジネスの美学に沿ったものになり、その結果、顧客にとってのユーザーエクスペリエンスが格段に向上するはずです。

そんなところだ！

Codyを使ったボットの構築と共有は、3つの簡単なステップを踏むだけで、かつてないほど簡単になりました。 最近、ウィジェットのカスタマイズオプションが導入され、Codyを使用して独自のボットを作成する絶好の機会が訪れました。 ウィジェットのカスタマイズに柔軟性が追加されたため、特定のビジネスニーズやブランディングに合わせてボットの外観や動作を調整することができます。

私たちは、コーディーの体験をより充実したものにするため、よりエキサイティングな機能の開発と導入に常に取り組んでいます。 私たちのチームは、ボットの構築とデプロイのプロセス全体を、よりシームレスでユーザーフレンドリーにすることに専念しています。 Codyプラットフォームの改善と改良を続けるため、今後のアップデートにご期待ください。 その他のリソースについては、ヘルプセンターをチェックしたり、Discordコミュニティに参加することもできます。