タグ設置方法

A-BiSUへの設置方法

AIChatPlusの埋め込みコードをA-BiSUのサイトに設置する手順です。
所要時間はおよそ5分。専門知識は必要ありません。

はじめに:埋め込みコードを用意する

AIChatPlusの管理画面 → チャットボット設定 → 埋め込みコード から、 お使いのチャットボット専用のコードをコピーしてください。以下の1行です。

埋め込みコード
<script src="https://widget.ai-chat-plus.com/widget.js" data-chatbot-key="発行されたキー"></script>

data-chatbot-key はチャットボットごとに異なります。必ず管理画面で発行されたものをお使いください。

このサービスは <head> 内の入力欄に設置します。AIChatPlusのウィジェットは読み込みタイミングを自動で判定するため、<head> 内でも </body> 直前でも同じように動作します。

AIChatPlusの埋め込みコードをA-BiSUに設置する

  1. A-BiSUにログインし、コードを入れたいページの「デザイン変更」をクリックします。

    A-BiSUの管理画面:A-BiSUにログインし、コードを入れたいページの「デザイン変更」をクリックしま
  2. 右上(もしくは右下)にある、水色の丸いアイコンをクリックします。

    A-BiSUの管理画面:右上(もしくは右下)にある、水色の丸いアイコンをクリックします。
  3. 左側に出てくるメニューバーの「ヘッダ」→「更新」をクリックします。

    A-BiSUの管理画面:左側に出てくるメニューバーの「ヘッダ」→「更新」をクリックします。
  4. 「ヘッダ更新」のHTML画面にAIChatPlusの埋め込みコードを入力し、「送信」をクリックします。

    A-BiSUの管理画面:「ヘッダ更新」のHTML画面にAIChatPlusの埋め込みコードを入力し、「送
  5. 編集画面のどこでも良いのでダブルクリックし、「公開」ボタンをクリックします。

    A-BiSUの管理画面:編集画面のどこでも良いのでダブルクリックし、「公開」ボタンをクリックします。

以上で設置は完了です

サイトを再読み込みして、画面の右下にチャットボットが表示されるかご確認ください。 表示されない場合はブラウザのキャッシュを削除してから、もう一度お試しください。

設置でお困りですか?

設置代行も承っています。うまく表示されないときもお気軽にご相談ください。