BluditにAsyntai AIチャットボットを追加する方法

Bludit CMS向けステップバイステップガイド

プラットフォーム:

ステップ1：埋め込みコードを取得する

まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください：

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注記: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。

Bluditサイトにチャットボットを追加する最も簡単な方法は、組み込みのHTML Codeプラグインを使用することです：

ヒント: フッターにコードを追加することで、ページの最後に読み込まれ、サイトの初回読み込みが遅くなりません。この方法により、サイトのすべてのページに自動的にチャットボットが追加されます。

より細かい制御のために、テーマファイルに直接コードを追加できます：

注記: テーマファイルを直接編集する際は、まず元のファイルをバックアップしてください。テーマの更新により変更が上書きされる場合があるため、変更内容を記録しておいてください。

Bluditのコンテンツエディターを使用して、特定のページに直接チャットボットコードを追加することもできます：

重要: ページコンテンツに直接コードを追加する場合、各ページに個別に追加する必要があります。サイト全体のインストールには、HTML Codeプラグインまたはテーマファイル方式を使用してください。

カスタムプラグインを作成する開発者向けに、Bluditはプラグインフックを提供しています：

siteBodyEndフックを使用して、すべてのページにチャットボットコードを挿入するカスタムプラグインを作成できます。

変更を保存した後、新しいブラウザタブまたはシークレットウィンドウでBluditウェブサイトにアクセスしてください。右下にチャットウィジェットボタンが表示されるはずです。クリックして正しく開いて動作することを確認してください。

ウィジェットが表示されませんか？ プラグイン設定またはテーマファイルの変更を保存したことを確認してください。ブラウザキャッシュとBluditのキャッシュ（有効な場合）をクリアしてください。ブラウザコンソール（F12）でJavaScriptエラーがないか確認してください。