miibo(ミーボ)でWebサイトにAIチャットボットを埋め込む3ステップを解説!

miiboでAIチャットボットをウェブサイトに埋め込む
miiboでAIチャットボットをウェブサイトに埋め込む
daitoku0110icon
岡大徳

miibo(ミーボ)では、HTML製のWebサイトにAIチャットボットを簡単に埋め込むことができます。Webサイト訪問者にAIのサポートを提供しましょう!

この記事でわかること
  • miiboの概要
  • miiboをWebサイトに埋め込むメリット
  • miiboでWebサイトに埋め込む方法

「WebサイトにAIを設置したい!」「WebサイトでAIのサポートを提供したい!」でも、どうしたらいいかわからないという疑問はありませんか?

この記事を読めば、miiboの概要、WebサイトにAIを埋め込む方法がわかります。

daitoku0110icon
岡大徳

ぜひ、最後までご覧ください!

この記事について

この記事は、株式会社miiboのmiiboDesigner岡大徳が提供しています。

About miibo

miiboとは?

miiboの概要から、運営会社、読み方、できることまで紹介します。

miiboの概要

miiboはだれでも簡単に会話型AIをつくることができる会話型AI構築プラットフォームです。ChatGPTやClaudeなどのLLM(大規模言語モデル)をカスタムし、AIソリューションを高速で開発できます。

AI開発に必要な様々な技術的なハードルを取り除き、誰でも簡単に効率的にAIを開発できる環境を提供しています。

miiboは会話型AIを爆速開発し、効率的に運用できるプラットフォームです。

下記の2つの両面を備えています。

  • AI開発ビギナーにとっては、爆速で簡単に会話型AIを構築できるサービス
  • 本格的にAI開発をしたいデベロッパーにとっては、多機能な汎用開発サービス
出典:miiboより

miiboの運営会社

概要内容
運営会社株式会社miibo
CEO功刀 雅士
本社〒150-0043
東京都渋谷区道玄坂1丁目10番8号渋谷道玄坂東急ビル2F-C
創立2023年 4月 7日
出典;株式会社miiboより

株式会社miiboは、会話型AIの社会実装を推進するための事業をしている会社です。

miiboという社名には、「いつか自分自身(me)でさえも、簡単にAI化(bot)できるような環境を創りたい」 (me + bot = miibo)という意味が込められています。

daitoku0110icon
岡大徳

会話型AIをより身近な存在にし、誰でも簡単に構築して活用ができるような環境を創りあげることを目指している会社です!

株式会社miiboについてさらに詳しく知りたい方は公式ホームページをご覧ください。

miiboの読み方

miiboは「ミーボ」と読みます。名前の由来は、「いつか自分自身(me)でさえも、簡単にAI化(bot)できるような環境を創りたい」(me+bot=miibo)という意味が込められています。

「会話」は、人間が何千年にも渡ってアップデートを続けてきた、最強のコミュニケーションインターフェースです。そのインターフェースにAIを適用した「会話型AI」は、発達したAI技術と人間を親密にし、人間がAIからより多くの恩恵を享受することを可能にします。AIと人間が共存し、AIを自然と活用できる社会になれば、私たちは今まで以上に「自分らしさ」を探求し、自己の幸せのために人生の貴重な時間を多く費やせるようになると信じています。
「法人」も同様です。AIと共存し、AIの技術の恩恵をフルに享受できる環境が整えば、「実現したいビジョン」の達成のために割く時間を最大化することができると信じています。

そんな世界になるために少しでも貢献をするべく、miiboは会話型AIの社会実装を推進するための事業を営みます。
会話型AIをより身近な存在にし、誰でも簡単に構築して活用ができるような環境を創りあげることを目指していきます。

出典:株式会社miibo

miiboでできること

株式会社miiboが運営しているサービス「miibo」では、下記のことができます。

  • プログラミング不要で爆速でAI開発できる
  • 様々なLLMをカスタマイズできる(LLMフラット)
  • 様々なサービスと連携できる(Connect Everything構想)
  • 作成したAIをどこにでも組み込める
  • 開発と運用のコストを最小化できる
  • パーソナライズされた会話ができるAIを構築できる
  • 生成AIブーム以前からの積み上げがもたらす、圧倒的な汎用性
Merit of miibo

miiboをWebサイトに埋め込むメリット

miiboは会話型AI構築プラットフォームです。miiboでつくったエージェントをWebサイトに埋め込むメリットを紹介します。

訪問者の満足度向上

miiboを設置することで、インターネット上で、いつでも、だれでも、どこででもお問い合わせが可能になります。

また、miiboでは

  • miiboに知識を提供した情報だけを案内
  • 提供していない情報はわからないと丁寧につたえる
  • 対応の仕方をコントロール

することが、できます。そのため、訪問者満足度が向上します。

改善がしやすい

miiboでは、会話ログで回答の根拠を見ることができます。なにを元に回答をしているか知ることで、課題が見える化できます。課題を解決することでAIの回答が改善できます。

ステップとしては

  • 会話ログを確認
  • 回答の根拠を見る
  • 課題の見える化
  • 対応策を考え、選択する
  • 対応策を実行
  • 課題が解決し、改善

です。

miiboはプログラミングが必要なく、だれでも簡単につかうことができるため、会話ログの確認、回答の根拠を見る、対応策の実行がしやすいです。

設置が簡単

miiboでは、作成したAIをどこにでも組み込むことができます。miiboでつくったエージェントの設置がとても簡単にできます。

daitoku0110icon
岡大徳

どのようにWebサイトに埋め込むのか見ていきましょう!

How to

Webサイトに埋め込む方法

miiboでつくったエージェントをWebサイトに埋め込む方法を2つ紹介します。

Webサイトの右下にAIチャットボットを設置する方法

簡単な3ステップで埋め込むことができます。

エージェントの一般公開

公開設定画面で、エージェントを一般公開します。

公開設定
公開設定
埋め込みタグを取得

公開設定で埋め込みタグをコピーして取得します。

AIチャットボット埋め込みタグ
AIチャットボット埋め込みタグ

コピーした「埋め込みタグ」を、Webサイトでmiiboを設置したい場所にペースト(貼り付け)します。

これで、設置が完了です。

HTML製のWebサイトに設置可能

HTML製のWebサイトであれば、埋め込みタグをコピー&ペーストするだけで、設置可能です。

Webサイトのトップページだけに設置する例

Webサイトのトップページだけに設置したい場合は、トップページにカスタムHTML(WordPressを使用している場合)で貼り付けるだけで設置完了です。

特定の発話でチャットを開始するAIチャットボットを設置する方法

Webサイトの右下にAIチャットボットを設置するだけでなく、特定の発話でチャットを開始することができます。Webサイトの情報からそのままチャットを開始したいときに有効です。

たとえば、プロフィールやFAQなどのページで、もう少し知りたいと思ったときにその言葉からチャットが開始できるため、Webサイト訪問者の思考の流れがとぎれません。

設置する方法は

チャットボットURLの末尾に「&utterance=XXX(XXXの部分を特定の発話にする)」をつける
「&utterance=XXX(XXXの部分を特定の発話にする)」のリンクをはる

だけでできます。設置したFAQのページを紹介しますので、参考にしてください。

特定の発話からチャットを開始する
Summary

miiboは無料でつかうことができる

miiboはだれでも簡単に無料でつかうことができます。

今回は、miiboでWebサイトにAIチャットボットを埋め込む方法を紹介しました。

だれでも簡単に無料でつかえることががmiiboの最大のメリットです。ぜひ、miiboをつかって会話型AIをつくってみてください。

この記事を書いた人

miiboDesigner岡大徳のアバター

miiboDesigner岡大徳

株式会社miiboのmiiboDesignerです。miiboDesignerとは、目的にそってmiiboの精度を向上するためにmiiboを設計する人のことです。