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

プラットフォーム:

Moodle

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

ステップ2：追加HTML機能を使用（推奨）

Moodleには、すべてのページにカスタムHTML/JavaScriptを追加する組み込み機能があります：

1. 管理者としてMoodleサイトにログインしてください
2. サイト管理に移動してください
3. 外観 → 追加HTMLに移動してください
4. 「Before BODY is closed」セクションまでスクロールしてください
5. テキストエリアにAsyntaiの埋め込みコードを貼り付けます
6. 「変更を保存」をクリックしてください

代替方法：テーマ設定を使用

多くのMoodleテーマ（Boostとそのバリアントを含む）には、カスタムJavaScriptを追加するための独自の設定があります：

1. サイト管理 → 外観 → テーマに移動してください
2. アクティブなテーマ（例：Boost）のテーマ設定をクリックしてください
3. "Raw SCSS"、"追加HTML"、または"カスタムJavaScript"セクションを探してください
4. JavaScriptフィールドがある場合は、そこにAsyntaiの埋め込みコードを貼り付けてください
5. 「変更を保存」をクリックしてください
6. キャッシュをパージしてください：サイト管理 → 開発 → キャッシュのパージ

代替方法：ローカルプラグインの作成

より詳細に制御するには、シンプルなローカルプラグインを作成できます：

1. Moodleインストール内にフォルダ構造を作成してください：local/asyntaichatbot/
2. version.phpを作成してください：
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. lib.phpを作成してください：
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. フォルダamd/src/とファイルloader.jsを作成してください：
   define([], function() {
  return {
    init: function() {
      var script = document.createElement('script');
      script.async = true;
      script.src = 'https://asyntai.com/static/js/chat-widget.js';
      script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
      document.body.appendChild(script);
    }
  };
});
5. YOUR_WIDGET_IDを実際のウィジェットIDに置き換えてください
6. サイト管理 → 通知に移動してプラグインをインストールしてください
7. インストール後にキャッシュをパージしてください

代替方法：テーマのフッターテンプレートを編集

テーマのフッターテンプレートを直接編集することもできます：

1. テーマフォルダに移動してください：theme/YOUR_THEME/
2. layoutファイル（例：layout/columns2.phpまたはtemplates/columns2.mustache）を見つけてください
3. 閉じ</body>タグまたはフッターセクションを見つけてください
4. </body>の直前にAsyntaiの埋め込みコードを追加してください
5. ファイルを保存します
6. Moodleキャッシュをパージしてください

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

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