自社サイトにAIチャットを埋め込むときの技術的な流れ

「うちのホームページにもAIチャットを付けたいんですけど、あれって結局どうやって入れるんですか」。先日、博多区で建材を扱う会社の専務さんから、こんな相談をいただきました。ネットで調べると「タグを一行貼るだけ」と書いてあるけれど、本当にそれで自社の問い合わせに答えてくれるのか不安だ、と。結論から言うと、貼るだけで動く部分と、ちゃんと中身を作り込む部分は別物です。今日はその技術的な流れを、私が福岡の現場で実際に見てきた順番でお話しします。

そもそも「埋め込み」で何が起きているのか

天神のセレクトショップから「チャットの埋め込みって、サイトを作り直すことになるんですか」と聞かれたことがあります。答えはノーです。多くの場合、サイト本体には手を入れません。

仕組みはシンプルで、AIチャット側が用意した小さな読み込みコード(スクリプトタグ)を、自社サイトのHTMLに一行加えるだけです。すると、訪問者のブラウザがそのコードを読んで、右下にチャットの吹き出しを表示します。会話の中身はAI側のサーバーで処理され、結果だけが画面に返ってくる、という流れです。

つまり、サイトに置くのは「窓口の入り口」だけ。実際に考えて答える頭脳は外側にある、とイメージしてもらうと近いです。だからこそ、貼った直後は枠は出ても、自社のことはまだ何も答えられません。ここから先が本番です。

最初にやるのは「何を答えさせるか」の整理

糟屋郡のリフォーム会社さんで、いきなりタグだけ貼って「全然うちの料金を答えてくれない」と困っていたケースがありました。原因は単純で、AIに自社の情報をまだ何も渡していなかったからです。

埋め込みの技術的な流れで、実は一番手間がかかるのがこの準備段階です。私はいつも、まず以下を棚卸ししてもらいます。

• よくある質問:営業時間、駐車場、見積もりの流れなど、電話で繰り返し聞かれること
• 自社固有の情報:料金表、施工エリア、保証内容、対応できない範囲
• 答えてほしくないこと:値引き交渉や、担当者でないと判断できない案件の線引き

これらをテキストやPDF、表にまとめておくと、AIに読み込ませる「知識のもと」になります。ここが薄いと、どんなに高性能なAIでも一般論しか返せません。逆にここが充実していれば、地場の小さな会社でも、その会社らしい受け答えができるようになります。

自社の情報をAIに覚えさせる連携の部分

準備した資料をどうやってAIに渡すか。ここが技術的な肝で、相談でも一番質問が集中するところです。

大きく分けると二つの方式があります。一つは、まとめた文書を読み込ませて、その範囲から答えさせるやり方。もう一つは、自社サイトのページや既存のデータベースと連携させ、情報が更新されたら自動で反映させるやり方です。

• 文書読み込み型:導入が早く費用も抑えやすい。情報更新は手動になりがち
• サイト・データ連携型:在庫や料金が頻繁に変わる事業に向く。設定の手間は増える

早良区の飲食店さんは、メニューが季節で変わるので連携型を選びました。一方、業務内容がほぼ固定の士業の方は読み込み型で十分でした。どちらが正解ということはなく、情報がどれだけ変わるかで決めます。私が相談を受けるときも、まずここを見極めてから方式を提案しています。

テスト公開で「変な答え」を潰す

連携まで終わったら、すぐ全公開したくなりますが、ここで一度止まるのが大事です。北九州市の小売店さんで、テストを飛ばして公開してしまい、AIが自信満々に間違った定休日を案内してしまった、という出来事がありました。

埋め込みの良いところは、本番サイトとは別にテスト環境で試せる点です。私の進め方はこうです。

• まず自分と社内の数人だけが見られる状態で公開する
• 想定される質問を実際に打ち込み、答えがズレていないか確認する
• 間違えた箇所は、知識のもとの文章を直して反映させる
• 答えてはいけない質問に、きちんと「担当者におつなぎします」と返せるか試す

この往復を何度か繰り返すと、AIの受け答えが目に見えて自社らしくなっていきます。地味ですが、ここを丁寧にやるかどうかで、公開後の信頼感が大きく変わります。

公開後の運用と、問い合わせへのつなぎ方

城南区の工務店さんから「AIに任せたら、人間は何もしなくていいんですか」と聞かれました。これも誤解されやすい点です。AIチャットはあくまで一次受付で、最後は人につなぐ設計にしておくのが安心です。

技術的には、チャットの途中で「詳しくは担当者へ」と判断したら、問い合わせフォームやLINE、電話番号へ自然に誘導する流れを組みます。私はLINE Botの開発もしてきたので、チャットからLINE登録へつないで、その後の連絡を取りやすくする設計をよく提案します。

また、公開後は実際にどんな質問が来ているかのログを見ます。想定外の質問が多ければ知識を足し、誤答があれば直す。この手入れを月に一度でも続けると、チャットはどんどん賢くなります。埋め込みは「設置して終わり」ではなく、育てていくものだと考えてもらえると、失敗しません。

費用と、現実的な始め方

「結局いくらかかるんですか」というのは、必ず最後に出る質問です。粕屋町の整体院さんにも正直にお伝えしましたが、AIチャットは月額制のサービスが多く、規模や連携の作り込みで幅があります。

私が運営するKOKORASHI AI（ココラシエーアイ）では、こうした自社サイトへのAIチャット導入を、初期費用0円・月額4,800円（税込）からお手伝いしています。まず文書読み込み型の小さな構成で始めて、効果を見ながら連携を足していく、という段階的な進め方をおすすめしています。

導入にあたって補助金を検討される方もいますが、制度は変わるので、最新の条件は商工会議所や福岡県の窓口で確認してください。私の方でも、相談の中で使えそうな制度の方向性はお伝えしています。いきなり大きく作らず、小さく始めて育てる。これが福岡の中小事業者にとって一番現実的だと、現場を回ってきて感じています。

まとめ

• AIチャットの埋め込みは、サイトにタグを一行加えるだけで「入り口」は表示できる
• ただし自社のことを答えさせるには、料金表やよくある質問などの知識のもとを準備する工程が必須
• 情報があまり変わらないなら文書読み込み型、頻繁に変わるならサイト・データ連携型を選ぶ
• 本公開の前にテスト環境で誤答を潰す往復が、公開後の信頼を左右する
• 最後は人につなぐ設計にし、公開後もログを見て育てていく
• KOKORASHI AI（ココラシエーアイ）では初期費用0円・月額4,800円（税込）から、小さく始める導入を支援しています

よくある質問

Q. AIチャットを埋め込むと、今のホームページを作り直す必要がありますか
基本的には不要です。多くの場合、サイトのHTMLに読み込み用のコードを一行加えるだけで、右下などにチャットの入り口が表示されます。サイトのデザインや構成を大きく変えずに設置できるので、リニューアルとは別物と考えていただいて大丈夫です。

Q. タグを貼ればすぐ自社のことを答えてくれますか
タグを貼った段階では枠が出るだけで、自社固有の質問にはまだ答えられません。料金表やよくある質問などの情報をAIに読み込ませる準備と、テストでの調整が必要です。この準備の丁寧さで、公開後の受け答えの質が大きく変わります。

Q. 福岡で導入する場合、費用はどのくらいかかりますか
KOKORASHI AI（ココラシエーアイ）では初期費用0円・月額4,800円（税込）から対応しています。まず小さな構成で始め、効果を見ながら連携を足す進め方がおすすめです。補助金の活用も相談可能ですが、制度は変わるので最新条件は窓口でご確認ください。