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

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

プラットフォーム:

ステップ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：コードスニペットを使用する（推奨）

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

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

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

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

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

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

ドキュメント

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

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

ステップ2：コードスニペットを使用する（推奨）

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