ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

Bitrix24ウェブサイト向けステップバイステップガイド

埋め込みコードの取得

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

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

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

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

ステップ2:Bitrix24サイトの場合(推奨)

Bitrix24 Sites(ウェブサイトビルダー)を使用している場合は、次の手順に従ってください:

  1. Bitrix24アカウントにログインします
  2. サイトに移動してウェブサイトを選択します
  3. 「編集」をクリックしてサイトエディターを開きます
  4. 上部パネルの「設定」(歯車アイコン)をクリックします
  5. 「アナリティクス」または「カスタムHTML」セクションに移動してください
  6. Asyntaiの埋め込みコードを「フッターコード」または「</body>の前」セクションに貼り付けてください
  7. 「保存」をクリックしてください
  8. サイトを公開して変更を適用します

ヒント: フッターセクションにコードを追加することで、ウェブサイトのすべてのページで読み込まれ、初回のページ読み込みを遅くしません。

代替方法:Bitrix CMSテンプレート編集

Bitrix CMS(セルフホスト型)の場合、テンプレートファイルを介してコードを追加できます:

  1. Bitrix管理パネルにアクセスします
  2. 設定 → システム設定 → サイト → サイトテンプレートに移動します
  3. アクティブなテンプレートを選択します
  4. footer.phpファイルを編集します
  5. </body>閉じタグの直前にAsyntaiの埋め込みコードを追加します
  6. ファイルを保存します
  7. キャッシュをクリア:設定 → システム設定 → キャッシュのクリア

代替方法:HTMLブロックを使用する

Bitrix24サイトビルダーでHTMLブロックを追加することもできます:

  1. サイトエディターで「+ ブロックを追加」をクリックします
  2. 「HTML」または「カスタムコード」ブロックを見つけて選択してください
  3. Asyntaiの埋め込みコードを貼り付けます
  4. ブロックをページの最下部に配置します
  5. サイトを保存して公開します

重要: HTMLブロックを使用する場合は、各ページに追加する必要があります。サイト全体のインストールには、上記のサイト設定方法を使用してください。

ステップ3:インストールの確認

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

ウィジェットが表示されませんか? コードを追加した後、サイトを公開してください。Bitrixキャッシュとブラウザキャッシュをクリアするか、シークレットウィンドウで表示してみてください。