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:
- Bitrix24アカウントにログインします
- サイトに移動してウェブサイトを選択します
- Click "Edit" to open the site editor
- Click "Settings" (gear icon) in the top panel
- 「アナリティクス」または「カスタムHTML」セクションに移動してください
- Asyntaiの埋め込みコードを「フッターコード」または「</body>の前」セクションに貼り付けてください
- 「保存」をクリックしてください
- サイトを公開して変更を適用します
ヒント: フッターセクションにコードを追加することで、ウェブサイトのすべてのページで読み込まれ、初回のページ読み込みを遅くしません。
代替方法:Bitrix CMSテンプレート編集
For Bitrix CMS (self-hosted), you can add the code via template files:
- Bitrix管理パネルにアクセスします
- 設定 → システム設定 → サイト → サイトテンプレートに移動します
- アクティブなテンプレートを選択します
- footer.phpファイルを編集します
</body>閉じタグの直前にAsyntaiの埋め込みコードを追加します- ファイルを保存します
- Clear cache: Settings → System Settings → Clear Cache
代替方法:HTMLブロックを使用する
Bitrix24サイトビルダーでHTMLブロックを追加することもできます:
- In the site editor, click "+ Add Block"
- 「HTML」または「カスタムコード」ブロックを見つけて選択してください
- Asyntaiの埋め込みコードを貼り付けます
- ブロックをページの最下部に配置します
- サイトを保存して公開します
重要: HTMLブロックを使用する場合は、各ページに追加する必要があります。サイト全体のインストールには、上記のサイト設定方法を使用してください。
ステップ3:インストールの確認
変更を保存して公開した後、新しいブラウザタブまたはシークレットウィンドウでウェブサイトにアクセスしてください。右下にチャットウィジェットボタンが表示されるはずです。クリックして正しく開いて動作することを確認してください。
ウィジェットが表示されませんか? コードを追加した後、サイトを公開してください。Bitrixキャッシュとブラウザキャッシュをクリアするか、シークレットウィンドウで表示してみてください。
Weebly