PVS

Super Moderator
Thành viên BQT
[VNXF] Content Rating & Reviews là add-on mạnh mẽ dành cho XenForo 2.3+, bổ sung hệ thống đánh giá 5 saonhận xét (review) trực tiếp vào các chủ đề (thread) trên diễn đàn. Add-on được tối ưu hóa hoàn toàn cho SEO với Google Rich Snippets (Schema.org Structured Data), giúp nội dung diễn đàn của bạn nổi bật trên kết quả tìm kiếm với hiển thị sao đánh giá ngay trên Google.

[VNXF] Content Rating & Reviews.png

Với giao diện hiện đại, hiệu ứng glassmorphism tinh tế và khả năng tùy biến cao, add-on mang đến trải nghiệm đánh giá chuyên nghiệp — biến diễn đàn thành nền tảng review đáng tin cậy.

Tính năng nổi bật​

Hệ thống đánh giá 5 sao​

  • Thành viên có thể đánh giá từ 1 đến 5 sao cho mỗi chủ đề
  • Mỗi người dùng chỉ được đánh giá một lần trên mỗi chủ đề (có thể sửa/xóa)
  • Tự động tính toán và hiển thị điểm trung bình, tổng số đánh giá, và tổng điểm

Hệ thống nhận xét (Review)​

  • Cho phép người dùng viết nhận xét kèm theo đánh giá sao
  • Tùy chọn bắt buộc viết nhận xét khi đánh giá
  • Cấu hình độ dài tối thiểu cho bài nhận xét
  • Hỗ trợ phân trang danh sách nhận xét

3 kiểu biểu tượng đánh giá​


KiểuBiểu tượngTông màu
Star⭐fa-starAmber (#f59e0b)
Heart❤️fa-heartRed (#ef4444)
Thumbs Upfa-thumbs-upBlue (#3b82f6)

Mỗi kiểu biểu tượng đi kèm bảng màu gradient riêng, tự động áp dụng cho toàn bộ giao diện rating block, score box, và CTA button.

Vị trí hiển thị linh hoạt​

  • Đầu chủ đề (Top): Hiển thị rating block phía trên danh sách bài viết
  • Cuối bài viết đầu (Bottom of first post): Hiển thị ngay dưới nội dung bài viết đầu tiên

Tối ưu SEO — Google Rich Snippets​


Add-on tự động chèn JSON-LD Schema.org structured data vào mỗi chủ đề có đánh giá, bao gồm:

JSON:
{
  "@context": "https://schema.org",
  "@type": "DiscussionForumPosting",
  "headline": "Tiêu đề chủ đề",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "bestRating": "5",
    "ratingCount": "12"
  },
  "review": {
    "@type": "Review",
    "author": { "@type": "Person", "name": "Username" },
    "reviewBody": "Nội dung nhận xét mới nhất...",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5",
      "bestRating": "5"
    }
  }
}

Kết quả: Google sẽ hiển thị rich snippets với sao đánh giá ngay trên trang kết quả tìm kiếm (SERP), giúp tăng CTR đáng kể.

Hệ thống phân quyền chi tiết​


QuyềnMô tảMặc định
vnxf_viewRatingsXem đánh giá và nhận xétTất cả
vnxf_rateThreadĐánh giá chủ đềThành viên
vnxf_editOwnRatingSửa đánh giá của mìnhThành viên
vnxf_deleteOwnRatingXóa đánh giá của mìnhThành viên
vnxf_editAnyRatingSửa đánh giá bất kỳAdmin/Mod
vnxf_deleteAnyRatingXóa đánh giá bất kỳAdmin/Mod
vnxf_exemptReviewLengthBỏ qua yêu cầu độ dài tối thiểuAdmin/Mod

Quyền hạn được tích hợp vào hệ thống Usergroup Permissions của XenForo, cho phép cấu hình theo từng chuyên mục (forum).

️ Giao diện Premium​

  • Glassmorphism design với gradient background và backdrop blur
  • Hover effects mượt mà: translateY, box-shadow transition
  • Score box nổi bật với gradient và text-shadow
  • CTA button bo tròn (rounded pill) với gradient và shadow animation
  • Responsive layout với flexbox và gap
  • Star animation với cubic-bezier transition và scale effect

Cấu hình Admin CP​


Truy cập Admin CP → Setup → Options → [VNXF] Content Rating để cấu hình:

Tùy chọnMô tả
Display PositionVị trí hiển thị: đầu chủ đề hoặc cuối bài viết đầu tiên
Rating IconKiểu biểu tượng: Star / Heart / Thumbs Up
Require Review TextBắt buộc viết nhận xét khi đánh giá
Minimum Review LengthĐộ dài tối thiểu của nhận xét (0 = tắt)

Demo​


[VNXF] Content Rating & Reviews - (1).png[VNXF] Content Rating & Reviews - (2).png[VNXF] Content Rating & Reviews - (3).png[VNXF] Content Rating & Reviews - (4).png[VNXF] Content Rating & Reviews - (5).png[VNXF] Content Rating & Reviews - (6).png[VNXF] Content Rating & Reviews - (7).png[VNXF] Content Rating & Reviews - (8).png

Gợi ý triển khai: Kết hợp add-on này với các chuyên mục review sản phẩm, đánh giá dịch vụ, hoặc bất kỳ thread nào cần thu thập phản hồi từ cộng đồng. Rating data sẽ tự động hiển thị trên Google khi bot crawl trang.

Chúc các bạn thành công.


PVS - VNXF​
 

Đính kèm

Back
Top