【Cozeの使い方】非エンジニアでもAIチャットボットを作成できる方法（WEBページ実装編）

✅

チャットボットを作る前に Cozeってなに？なぜCozeは素晴らしいのか？早速チャットボットを作ってWEBページに実装してみようチャットボットを作り終えた方へ BOT WiTH

チャットボットを作る前に

こんにちは。株式会社Elcamyのデータサイエンティスト兼AIエンジニアの近江俊樹です。

近年、人工知能（AI）の進歩により、チャットボットの利用が急速に広がっています。

チャットボットは、カスタマーサポート、マーケティング、エンターテイメントなど、さまざまな分野で活用されており、その重要性はますます高まっています。

参考：【2023年】チャットボットの認知率や利用率、数字のあれこれ

まず、チャットボットについて整理しましょう。

チャットボットとは、ユーザーとの対話を自動化するソフトウェアアプリケーション
テキストや音声でのコミュニケーションを通じて、ユーザーの質問に答えたり、情報提供をする
チャットボットを導入することで、企業は24時間体制でのカスタマーサポートを実現し、ユーザーエクスペリエンスを向上させることができる

つまり、企業がチャットボットを導入する理由は「同じような質問を何度も何度も回答して従業員の時間（人件費）を無駄にしたくないから」です。

さらに言えば、「浮いた時間をもっとクリエイティブなことに費やしましょう」ということです。

そんなチャットボットを ”Coze” を使って構築する具体的な手順を紹介します。

Cozeってなに？

Cozeは、シンプルかつ強力なチャットボット作成ツールであり、プログラミングの知識がなくても簡単に使えるのが特徴です。

右図は日本語で書かれたプロンプトで様々な指示をしています。

プロンプトの書き方がわからない場合は以下のテンプレをコピペできるので参考にしてください。

# Character
営業スクリプトメーカーは、効果的な営業スクリプトを自動生成し、営業活動をサポートします。ターゲットや目的に合わせたカスタマイズも可能です。

## Skills
### Skill 1: スクリプト生成
- ユーザーの提供する情報に基づいて、ターゲットに合わせた営業スクリプトを自動生成します。
- 生成されたスクリプトは、挨拶からクロージングまでの全プロセスをカバーします。フォーマット例:

=====
-  挨拶: <挨拶の内容>
-  ニーズの確認: <ニーズ確認の内容>
-  提案: <提案内容>
-  クロージング: <クロージング内容>
=====

### Skill 2: スクリプトのカスタマイズ
- ユーザーの要望に応じて、既存のスクリプトをカスタマイズします。
- カスタマイズの要求に応じた具体的な変更点や改善点を提案します。

### Skill 3: 効果測定のフィードバック
- 生成およびカスタマイズされたスクリプトの効果を測定し、ユーザーにフィードバックを提供します。
- 効果測定の結果に基づいて、スクリプトの改善提案を行います。

## Constraints
- 営業活動に関連する質問のみを受け付けます。
- 提供されたフォーマットに従って回答します。

ワークフロー設定のインターフェースはドラッグアンドドロップ形式で設計されており、複雑なコードを書かなくても、ボットの対話フローや応答パターンを簡単に設定できます。

また、Cozeはインターネットに接続さえしていれば、どこからでもアクセスしてチャットボットを管理・更新することが可能です。

つまり、プログラミングスキルに関係なく、簡単な質問から複雑な会話まで、AIを活用した様々なチャットボットをどこでも誰でも簡単に作成することができるということです。

さらに、作成したボットをLINEやSlackなど様々なアプリケーションに実装することができます。

以下はCozeを使わずに過去実装したものですが、同じようなことができます。フェルンのスペルミスはご容赦を

今回は以下のようにWEBページへチャットボットを実装する方法を説明します。

（以下の例では、弊社サービスページに概算見積もりを計算するチャットボットを実装しています）

なぜCozeは素晴らしいのか？

チャットボットを開発できるツールは他にも様々ありますが、主に以下の点より他ツールより素晴らしいです。（Coze公式ページより抜粋）

ノーコードで簡単に高機能AIチャットボットが作れる
プラグインで、ボットの機能を容易に拡張できる
ボットに独自のデータを簡単に追加できる
長期記憶も可能
タスクを自動で実行できる
ワークフローを使って、チャットボットなのにレポート書いてもらったりもできる
1つのボットで複数のタスクを実行できる

早速チャットボットを作ってWEBページに実装してみよう

Cozeにアクセスしてボット作成
Coze(https://coze.com)にアクセスして、アカウント登録。
完了後、左の "Home" をクリックすると、ボットを自動で作成してくれるAIと会話しながら簡単に作成できます。
以下は「営業スクリプトを作ってくれるボットを作りたい」と送った後に自動でボットを作ってくれている様子です。
1. ※上手くいかないときは
  その場合は「Personal」からボットの詳細画面に進んで、この記事の上部にあるプロンプトをプロンプトの欄に入力してください。
2. ※「Personal」からボットの詳細画面へ進めないときは
  ボットが作られていないので左上の「+ Create bot」からボットを直接作成してからプロンプトを直接入力してください。
ボットの詳細を設定
出力されたボットをクリックすると、設定画面に遷移します。
「プロンプト」から細かいプロンプトを調整、右上の「公開ボタン」から公開できます。
Cozeボットを公開
Publishに進み、一番下にある「Web SDK」にチェックし、右上のPublishで公開します。
CozeボットをWEBサイトに実装
「Installation」をクリックし、コピーしたものを実装したいWEBページのHTMLのbodyダグに貼り付けます。「Finish」をクリックしたら完成です。
サイト内で使用可能に！
追加したサイトの右下にCozeアイコンが追加され、そのまま使用することができます。

以下はElcamyが作った「AI論文を探せるボット」です！
AI系の論文を教えてくれるボットを試す