[VNXF] Content Rating & Reviews là add-on mạnh mẽ dành cho XenForo 2.3+, bổ sung hệ thống đánh giá 5 sao và nhậ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.
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.
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.
Add-on tự động chèn JSON-LD Schema.org structured data vào mỗi chủ đề có đánh giá, bao gồm:
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ể.
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).
Truy cập Admin CP → Setup → Options → [VNXF] Content Rating để cấu hình:
Chúc các bạn thành công.
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ểu | Biểu tượng | Tông màu |
|---|---|---|
| Star | fa-star | Amber (#f59e0b) |
| Heart | fa-heart | Red (#ef4444) |
| Thumbs Up | fa-thumbs-up | Blue (#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ền | Mô tả | Mặc định |
|---|---|---|
vnxf_viewRatings | Xem đánh giá và nhận xét | Tất cả |
vnxf_rateThread | Đánh giá chủ đề | Thành viên |
vnxf_editOwnRating | Sửa đánh giá của mình | Thành viên |
vnxf_deleteOwnRating | Xóa đánh giá của mình | Thành viên |
vnxf_editAnyRating | Sửa đánh giá bất kỳ | Admin/Mod |
vnxf_deleteAnyRating | Xóa đánh giá bất kỳ | Admin/Mod |
vnxf_exemptReviewLength | Bỏ qua yêu cầu độ dài tối thiểu | Admin/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ọn | Mô tả |
|---|---|
| Display Position | Vị trí hiển thị: đầu chủ đề hoặc cuối bài viết đầu tiên |
| Rating Icon | Kiểu biểu tượng: Star / Heart / Thumbs Up |
| Require Review Text | Bắ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
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

![[VNXF] Content Rating & Reviews - (1).png [VNXF] Content Rating & Reviews - (1).png](https://cdn.vnxf.vn/data/attachments/100/100187-187491c464e885c069b1cc4434bd7474.jpg?hash=uA2DO8Xowb)
![[VNXF] Content Rating & Reviews - (2).png [VNXF] Content Rating & Reviews - (2).png](https://cdn.vnxf.vn/data/attachments/100/100188-0a7822a955e1c31870f621121e8cad33.jpg?hash=DvVx3qxIOf)
![[VNXF] Content Rating & Reviews - (3).png [VNXF] Content Rating & Reviews - (3).png](https://cdn.vnxf.vn/data/attachments/100/100189-a494dcb6fde0f2bd505020b120c42f14.jpg?hash=6Zcjxd9fKa)
![[VNXF] Content Rating & Reviews - (4).png [VNXF] Content Rating & Reviews - (4).png](https://cdn.vnxf.vn/data/attachments/100/100190-224d88df313bfefcb405319240417896.jpg?hash=ODwYlf8GN_)
![[VNXF] Content Rating & Reviews - (5).png [VNXF] Content Rating & Reviews - (5).png](https://cdn.vnxf.vn/data/attachments/100/100191-0e72a57b510908e8c5767c6cf272f06e.jpg?hash=Sp9Q3OpwGD)
![[VNXF] Content Rating & Reviews - (6).png [VNXF] Content Rating & Reviews - (6).png](https://cdn.vnxf.vn/data/attachments/100/100192-b8e0c2d8a1182fa857a842fa7522bf2e.jpg?hash=Rvrou6t8bY)
![[VNXF] Content Rating & Reviews - (7).png [VNXF] Content Rating & Reviews - (7).png](https://cdn.vnxf.vn/data/attachments/100/100193-ea8db94ff390ecf9ffb03e494267a580.jpg?hash=YVVlJ1NKD7)
![[VNXF] Content Rating & Reviews - (8).png [VNXF] Content Rating & Reviews - (8).png](https://cdn.vnxf.vn/data/attachments/100/100194-ffcf7f75fe0fe5fb3a2bdaf245adffeb.jpg?hash=xitWhdJ44g)

