メインコンテンツへスキップ

Documentation Index

Fetch the complete documentation index at: https://docs.langbot.app/llms.txt

Use this file to discover all available pages before exploring further.

一行のスクリプトタグで LangBot チャットウィジェットを任意のウェブサイトに埋め込みます。

ボットの作成

LangBot WebUI を開き、ボット > ボットを作成 に移動し、ボット名を入力し、プラットフォーム/アダプターで ページボット を選択します。 ページボットの作成

設定項目

項目説明
コンポーネントタイトルチャットウィジェットの上部に表示されるタイトル。デフォルトは LangBot
バブルアイコンフローティングチャットバブルに表示されるアイコン
コンポーネント言語チャットウィジェットの表示言語(簡体字中国語、英語など)
Turnstile サイトキーCloudflare Turnstile のサイトキー。bot 対策用。空なら無効
Turnstile シークレットキーCloudflare Turnstile のシークレットキー。サイトキーと一緒に Cloudflare コンソールで取得。サイトキー設定時に必須

埋め込みコードの取得

作成・保存後、ボット設定ページの 埋め込みコード エリアに自動生成された <script> タグが表示されます。 埋め込みコード このコードをコピーしてウェブサイトの HTML に貼り付けます(通常は </body> の前)。ページの右下にチャットバブルが表示され、ビジターがボットとチャットできるようになります。
<script data-title="LangBot" src="http://localhost:5300/api/v1/embed/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"></script>
埋め込みコードの URL はデフォルトで localhost です。LangBot をサーバーにデプロイしている場合は、localhost:5300 を実際のアドレスに置き換えてください。

bot 対策(オプション)

Cloudflare Turnstile を有効にして bot 対策を行えます:
  1. Cloudflare Turnstile > サイトを追加 に移動
  2. サイトキーシークレットキー を取得
  3. LangBot ページボットの対応するフィールドに入力
  4. 保存して反映

使い方

埋め込みコードをウェブサイトに追加後、ページ右下のチャットバブルをクリックするとボットとチャットできます。