あらゆるウェブサイトにインストール可能
Keyda Botをウェブサイトに追加するには、終了タグ </body> の直前に1行のコードを貼り付けるだけです。どのようなサイトであっても、プラグインなしで動作します。
<script src="https://keyda.in/business/widget.js"
data-key="kb_live_your_key_here" async></script>キーはダッシュボードのインストールページにあります。kb_live_で始まります。
貼り付け場所
ページ内のどこでも機能しますが、</body>の直前が最適です。アシスタントが自身のコンテンツの後に読み込まれるため、ページの読み込み速度が低下しません。
サイトの設定に「フッターコード」、「カスタムスクリプト」、または「body終了前」というボックスがある場合、そこが最適な設置場所です。
動作確認
- 新しいタブでウェブサイトを開きます。
- 画面の隅にチャットボタンが表示されるはずです。
- ダッシュボードに戻り、サイトからウィジェットが読み込まれると、インストールページにyourdomain.comにインストール済みと表示されます。
ボタンが表示されない場合は、制限とセキュリティを確認してください。ボットがドラフト状態であるか、テスト中のサイトがドメインリストに含まれていないことが一般的な原因です。
見た目を変更する
インストール → 外観で以下を設定できます:
- アクセントカラー(
#3b4ee0のような16進数カラーコードである必要があります) - ボタンを配置するコーナー
- ボタンのラベルと挨拶
チャットをページ内に埋め込む
チャットをページ内(「サポート」ページなど)に埋め込みたい場合は、任意の場所に空のコンテナを追加してください。ウィジェットがフローティング表示ではなく、そのコンテナ内に表示されます:
<div data-keyda-bot style="height:520px"></div>コンテナに高さを指定してください。指定がない場合、埋める対象がなくなり表示が崩れます。