FlashAIをウェブサイトに統合する方法
ウェブサイトにFlashAIを追加するのは、たった3つのステップで完了します。
flashai.plにアクセスし、「注文」をクリックして、AIアシスタント—名前、性格、知識ベース—を設定します。
ウェブサイトの閉じる</body>タグの直前に一行追加します：
<script src="https://flashai.pl/widget.js" data-ai="TWOJE_BOT_ID"></script>チャットウィジェットがウェブサイトの右下隅に表示されます。あなたのAIアシスタントは、訪客との会話の準備ができています。
スクリプトタグのHTML属性を使用して、ウィジェットの動作をカスタマイズします。
| 属性 | 説明 |
|---|---|
data-ai (必須) |
ボットID |
data-name |
チャットヘッダーに表示される名前 |
data-color |
アクセントカラー（16進数） |
data-auto-open |
ページ読み込み時にチャットを自動で開く |
data-fullscreen |
フルスクリーンモード |
data-lang |
インターフェース言語を強制設定 |
<script src="https://flashai.pl/widget.js"
data-ai="twoje_bot_id"
data-name="Asystent Sklepu"
data-color="#ff6b00"
data-auto-open="true"></script>ウェブサイトのコードからウィジェットをプログラムで制御します。
| メソッド | 説明 |
|---|---|
FlashAI.open() |
チャットウィンドウを開く |
FlashAI.close() |
チャットウィンドウを閉じる |
FlashAI.toggle() |
チャットの開閉を切り替えます |
FlashAI.send("text") |
メッセージを即座に送信します |
FlashAI.setInput("text") |
入力テキストを設定しますが、送信はしません |
FlashAI.isOpen |
チャットが開いているかチェックします |
<!-- Button that opens the chat -->
<button onclick="FlashAI.open()">Chat with us</button>
<!-- Button that sends a specific question -->
<button onclick="FlashAI.send('I want to book an appointment')">Book now</button>
<!-- Link that pre-fills the input -->
<a href="#" onclick="FlashAI.open().setInput('Pricing')">Ask about pricing</a>URLに#flashai-openを追加すると、チャットが自動的に開きます。QRコード、メールリンク、ボタンに最適です。
https://your-website.com/#flashai-open完全な制御のために、ウィジェットスクリプトをロードする前にJavaScript設定オブジェクトを使用してください。
<script>
window.FlashAI = {
botId: "twoje_bot_id",
config: {
agentName: "Asystent",
primaryColor: "#00f5ff",
position: "bottom-right",
languages: ["pl", "en"],
trigger: {
type: "delay",
delay: 5
},
teaser: {
enabled: true,
delay: 3,
message: "Hi! Need help?"
}
}
};
</script>
<script src="https://flashai.pl/widget.js"></script>"immediate"
ウィジェットが即座に表示される
"delay"
指定された秒数後に表示される
"scroll"
指定された%スクロール後に表示される
"engagement"
ユーザーのエンゲージメント後に表示される
"exit"
退出意図時に表示される
"manual"
APIコールのみで表示される
Online