ダッシュボードに戻る

ドキュメント

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サイトの場合(推奨)

If you're using Bitrix24 Sites (website builder), follow these steps:

  1. Bitrix24アカウントにログインします
  2. サイトに移動してウェブサイトを選択します
  3. Click "Edit" to open the site editor
  4. Click "Settings" (gear icon) in the top panel
  5. 「アナリティクス」または「カスタムHTML」セクションに移動してください
  6. Asyntaiの埋め込みコードを「フッターコード」または「</body>の前」セクションに貼り付けてください
  7. 「保存」をクリックしてください
  8. サイトを公開して変更を適用します

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

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

For Bitrix CMS (self-hosted), you can add the code via template files:

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

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

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

  1. In the site editor, click "+ Add Block"
  2. 「HTML」または「カスタムコード」ブロックを見つけて選択してください
  3. Asyntaiの埋め込みコードを貼り付けます
  4. ブロックをページの最下部に配置します
  5. サイトを保存して公開します

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

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

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

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