Skip to main content
On this page

Bình luận FluentCommunity

FluentCommunity là một giải pháp xây dựng cộng đồng và thảo luận mạnh mẽ. Theme TanaFlows tích hợp sẵn hệ thống bình luận FluentCommunity dưới dạng thành phần nạp lười (Lazy Component) hiệu năng cao. Bình luận chỉ được tải khi trình duyệt rảnh rỗi, giúp website của bạn đạt tốc độ tải trang tuyệt đối mà vẫn đảm bảo khả năng tương tác sâu rộng.

Dưới đây là hướng dẫn chi tiết từ cấu hình Ghost Admin đến cách kích hoạt bình luận cho từng bài viết.

Bước 1: Cấu hình FluentCommunity trong Ghost Admin

Trước tiên, bạn cần khai báo địa chỉ cộng đồng FluentCommunity của mình trong cài đặt của theme:

  1. Vào Ghost Admin > Settings > Design > Custom Settings.
  2. Tìm mục Comment Provider (Nhà cung cấp bình luận) và chọn giá trị là: FluentCommunity.
  3. Tìm mục 3rd Comment ID / Base URL (hoặc 3rd_comment_id) và nhập vào URL gốc của cộng đồng FluentCommunity của bạn.
    • Ví dụ: https://community.yourdomain.com (không có dấu gạch chéo / ở cuối).
  4. Bấm Save (Lưu).

Bước 2: Kích hoạt Bình luận cho từng Bài viết cụ thể

Để tối ưu hóa tốc độ tải trang (LCP), hệ thống bình luận FluentCommunity sẽ không tự động tải trên tất cả bài viết. Bạn sẽ kích hoạt thủ công cho những bài viết cần mở thảo luận bằng cách kết nối nó với một chủ đề (topic) tương ứng trên FluentCommunity.

  1. Mở bài viết của bạn trong trình soạn thảo Ghost Editor.

  2. Nhấp vào biểu tượng dấu cộng + và chọn khối HTML.

  3. Dán đoạn mã dưới đây vào khối HTML:

    <script>
      window.fcomSlug = "slug-bai-viet-tren-community";
    </script>

  4. Thay thế cụm chữ "slug-bai-viet-tren-community" bằng đường dẫn rút gọn (slug) của chủ đề thảo luận tương ứng trên FluentCommunity của bạn.

    • Ví dụ: Nếu link bài thảo luận trên cộng đồng của bạn là https://community.yourdomain.com/posts/huong-dan-hoc-tana, thì slug sẽ là huong-dan-hoc-tana.
    • Đoạn code khi đó sẽ là:
      <script>
        window.fcomSlug = "huong-dan-hoc-tana";
      </script>

  5. Xuất bản hoặc cập nhật lại bài viết.

Cách hoạt động và Các tính năng nổi bật

Sau khi bạn chèn đoạn mã kích hoạt:

  • Hiển thị danh sách thảo luận: Theme tự động kết nối với API của FluentCommunity để lấy về danh sách bình luận (bao gồm ảnh đại diện avatar, tên thành viên, nội dung và các bình luận con reply phân cấp) và hiển thị ngay dưới bài viết.
  • Nút “Tham gia thảo luận”: Hiển thị một khối kêu gọi hành động (CTA) thu hút người đọc tham gia. Khi bấm nút, người dùng sẽ được tự động chuyển hướng chính xác đến Space/Group chứa bài viết đó trên cộng đồng của bạn để bắt đầu thảo luận.
  • Cơ chế bộ nhớ đệm (Cache): Khi độc giả quay lại bài viết cũ, danh sách bình luận sẽ xuất hiện ngay lập tức mà không phải chờ tải lại script nhờ cơ chế lưu tạm an toàn (sessionStorage).