ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

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

Teachableスクール向けのステップバイステップガイド

埋め込みコードの取得

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

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

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

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

ステップ2:コードスニペットを使用する(推奨)

Teachableには、カスタムスクリプトの追加を簡単にする組み込みのコードスニペット機能があります:

  1. Teachable管理画面にログインします
  2. 左サイドバーで「Site」を選択してください
  3. 「Code Snippets」をクリックしてください
  4. "Head Code Snippets"セクションにAsyntai埋め込みコードを貼り付けてください
  5. 「保存」をクリックしてください

ヒント: これにより、コースページや販売ページを含むスクールのすべてのページにチャットボットが追加されます。

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

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

ウィジェットが表示されませんか? Code Snippetsにコードを追加した後、"Save"をクリックしたことを確認してください。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。変更はTeachableスクールに即座に反映されるはずです。