Cách Thêm Chatbot AI Asyntai vào Moodle

Nền tảng:

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

Bước 1: Lấy Mã Nhúng của Bạn

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

Bước 2: Sử dụng HTML Bổ sung (Khuyến nghị)

Moodle có tính năng tích hợp để thêm HTML/JavaScript tùy chỉnh vào tất cả các trang:

1. Đăng nhập vào trang Moodle của bạn với tư cách quản trị viên
2. Vào Quản trị trang web
3. Chuyển đến Giao diện → HTML bổ sung
4. Cuộn xuống phần "Trước khi đóng BODY"
5. Dán mã nhúng Asyntai vào khu vực văn bản
6. Nhấp "Lưu thay đổi"

Thay thế: Sử dụng Cài đặt giao diện

Nhiều giao diện Moodle (bao gồm Boost và các biến thể của nó) có cài đặt riêng để thêm JavaScript tùy chỉnh:

1. Vào Quản trị trang web → Giao diện → Chủ đề
2. Nhấp vào Cài đặt chủ đề cho giao diện đang sử dụng của bạn (ví dụ: Boost)
3. Tìm phần "SCSS thô", "HTML bổ sung", hoặc "JavaScript tùy chỉnh"
4. Nếu có trường JavaScript, hãy dán mã nhúng Asyntai của bạn vào đó
5. Nhấp "Lưu thay đổi"
6. Xóa bộ nhớ đệm: Quản trị trang web → Phát triển → Xóa bộ nhớ đệm

Thay thế: Tạo plugin cục bộ

Để kiểm soát nhiều hơn, bạn có thể tạo một plugin cục bộ đơn giản:

1. Tạo cấu trúc thư mục: local/asyntaichatbot/ trong bộ cài đặt Moodle của bạn
2. Tạo version.php:
   <?php
defined('MOODLE_INTERNAL') || die();
$plugin->component = 'local_asyntaichatbot';
$plugin->version = 2024010100;
$plugin->requires = 2022041900;
3. Tạo lib.php:
   <?php
defined('MOODLE_INTERNAL') || die();

function local_asyntaichatbot_before_footer() {
  global $PAGE;
  $PAGE->requires->js_call_amd('local_asyntaichatbot/loader', 'init');
}
4. Tạo thư mục amd/src/ và tệp 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. Thay thế YOUR_WIDGET_ID bằng ID tiện ích thực tế của bạn
6. Vào Quản trị trang web → Thông báo để cài đặt plugin
7. Xóa bộ nhớ đệm sau khi cài đặt

Thay thế: Chỉnh sửa mẫu chân trang của giao diện

Bạn cũng có thể chỉnh sửa trực tiếp mẫu chân trang của giao diện:

1. Chuyển đến thư mục giao diện của bạn: theme/YOUR_THEME/
2. Tìm các tệp bố cục (ví dụ: layout/columns2.php hoặc templates/columns2.mustache)
3. Tìm thẻ đóng </body> hoặc phần chân trang
4. Thêm mã nhúng Asyntai ngay trước thẻ đóng </body>
5. Lưu tệp
6. Xóa bộ nhớ đệm Moodle

Bước 3: Xác minh Cài đặt

Sau khi lưu các thay đổi và xóa bộ nhớ đệm, hãy truy cập trang Moodle của bạn trong tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút tiện ích chat ở góc dưới bên phải. Nhấp vào để đảm bảo nó mở và hoạt động đúng.