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

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

プラットフォーム:

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

ステップ2：Bitrix24サイトの場合（推奨）

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

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

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

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

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

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

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

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

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

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

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

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