Follow Suggestion mang đến trải nghiệm vuốt thẻ kiểu Tinder ngay trên diễn đàn XenForo của bạn. Widget thông minh sẽ tự động gợi ý những thành viên nổi bật nhất — giúp tăng tương tác, xây dựng cộng đồng và giữ chân người dùng hiệu quả hơn bao giờ hết.
Add-on sử dụng thuật toán xếp hạng đa tiêu chí để tìm ra những thành viên đáng follow nhất:
Thuật toán tự động loại trừ:
Cấu hình linh hoạt trong Admin Panel:
Mỗi thẻ gợi ý hiển thị:
Chúc các bạn thành công.
Ý tưởng cốt lõi
Biến hành động "Follow" từ một nút bấm đơn điệu thành trải nghiệm tương tác, thú vị và gây nghiện — giống như cách Tinder thay đổi ngành hẹn hò.
Tính năng nổi bật
- Vuốt thẻ (Swipe Cards)
Vuốt phải để Follow, vuốt trái để Bỏ qua. Hỗ trợ cả chuột, cảm ứng và nút bấm. - Card Flip 3D
Nhấn nút Info để lật thẻ xem thông tin chi tiết "Giới thiệu" của thành viên với hiệu ứng 3D mượt mà. - Màn hình "It's a Match!"
Khi cả hai cùng follow nhau — hiển thị màn hình match đặc biệt với avatar song song và hiệu ứng glow, tạo cảm giác kết nối thực sự.
Undo (Hoàn tác)
Vuốt nhầm? Không sao! Nhấn nút Undo để quay lại thành viên vừa bỏ qua hoặc vừa follow.
Xem lại đã bỏ qua
Khi hết gợi ý, hiển thị nút "Xem lại những người đã bỏ qua" — reset danh sách dismissed và làm mới toàn bộ.
Infinite Scroll (Tải thêm tự động)
Khi còn 3 thẻ cuối cùng, tự động tải thêm gợi ý mới qua AJAX — không cần reload trang.- Dark Mode
Tự động thích ứng với chế độ tối của XenForo — card, text, shadow đều được tối ưu. - Responsive
Hoạt động hoàn hảo trên Desktop, Tablet và Mobile với touch/pointer events.
Thuật toán gợi ý thông minh
Add-on sử dụng thuật toán xếp hạng đa tiêu chí để tìm ra những thành viên đáng follow nhất:
| Chế độ sắp xếp | Mô tả |
|---|---|
| Mixed (Mặc định) | Công thức tổng hợp: Messages × 0.4 + Reactions × 0.4 + Trophies × 0.2 |
| Messages | Ưu tiên thành viên có nhiều bài viết nhất |
| Reactions | Ưu tiên thành viên có nhiều reaction nhất |
| Trophy | Ưu tiên thành viên có nhiều trophy point nhất |
| Random | Ngẫu nhiên — tạo sự bất ngờ mỗi lần xem |
Thuật toán tự động loại trừ:
- Thành viên đã follow
- Thành viên đã bỏ qua (dismissed)
- Tài khoản bị ban hoặc không hợp lệ
- Chính bản thân người dùng
Tùy chỉnh Widget
Cấu hình linh hoạt trong Admin Panel:
| Tùy chọn | Mô tả | Mặc định |
|---|---|---|
| Limit | Số lượng thẻ mỗi lần tải (1–50) | 10 |
| Order | Chế độ sắp xếp (mixed/messages/reactions/trophy/random) | mixed |
| Include Groups | Chỉ gợi ý thành viên thuộc nhóm user group cụ thể | Tất cả |
| Exclude Groups | Loại trừ thành viên thuộc nhóm user group cụ thể | Không |
| Activity Limit | Chỉ gợi ý thành viên hoạt động trong N ngày gần đây (0 = tắt) | 30 ngày |
Giao diện thẻ (Card UI)
Mỗi thẻ gợi ý hiển thị:
- Banner cá nhân — Ảnh bìa profile hoặc gradient mặc định
- Avatar — Ảnh đại diện kích thước trung bình
- Username — Tên hiển thị có rich formatting
- Custom Title — Chức danh tùy chỉnh (nếu có)
- Thống kê nhanh — Bài viết , Reactions , Trophy
- Giới thiệu ngắn — 120 ký tự đầu tiên của phần "About"
- Indicator FOLLOW / SKIP — Hiện khi vuốt thẻ
Cài đặt
Yêu cầu hệ thống
- XenForo 2.3.0 trở lên
- PHP 8.0+
Hướng dẫn cài đặt
- Tải file VNXF-FollowSuggestion-1.2.4.zip ở cuối bài
- Vào Admin Panel → Add-ons → Install/upgrade from archive
- Hoặc dùng CLI:
php cmd.php xf-addon:install VNXF/FollowSuggestion - Vào Admin → Appearance → Widgets → Thêm widget "[VNXF] Follow Suggestion" vào vị trí mong muốn
Demo
Chúc các bạn thành công.
PVS - VNXF

![[VNXF] Follow Suggestion- (1).png [VNXF] Follow Suggestion- (1).png](https://cdn.vnxf.vn/data/attachments/100/100249-d47f9421991a9c38e5d81ec4208caacc.jpg?hash=WAXAPXGTUU)
![[VNXF] Follow Suggestion- (2).png [VNXF] Follow Suggestion- (2).png](https://cdn.vnxf.vn/data/attachments/100/100250-e0f0c8187830ba2fc54f0529dc87a4dc.jpg?hash=sZxm9N7Yqj)
![[VNXF] Follow Suggestion- (3).png [VNXF] Follow Suggestion- (3).png](https://cdn.vnxf.vn/data/attachments/100/100251-55f0def49a8829a01f6f06aa9016980b.jpg?hash=TGYoYK_skk)
![[VNXF] Follow Suggestion- (4).png [VNXF] Follow Suggestion- (4).png](https://cdn.vnxf.vn/data/attachments/100/100252-613d79fdaf31651aa5c2bd2e9a7ea917.jpg?hash=5E376X3Hkb)

