Nhận thông báo & Popup tin tức

Mục tiêu: Hiểu các kênh thông tin trên T-Fluencers — Thông báo cá nhân (notifications), Popup tin tức, và Banner/Notice trang chủ.

Mục tiêu#

Mở trang Thông báo đầy đủ hoặc dropdown ở header.
Đánh dấu đã đọc.
Hiểu các popup tin tức xuất hiện khi vào app.
Phân biệt popup, banner, notice.

Điều kiện tiên quyết#

Đã đăng nhập.

Các bước thực hiện#

Trên header (mọi trang), click icon chuông 🔔.
Dropdown hiện 5 thông báo mới nhất.
Badge số trên chuông = số thông báo chưa xem.
Click Xem thêm để mở trang đầy đủ.

2. Mở trang Thông báo đầy đủ#

Menu/link Thông báo (/thong-bao).
Hiển thị breadcrumb: Trang chủ → Thông báo.
Danh sách đầy đủ với pagination ("Xem thêm").

3. Đọc 1 thông báo#

Click vào row thông báo (hoặc nút Chi tiết).
Hệ thống tự động đánh dấu đã đọc (isRead=true).
Nếu thông báo có action:
- URL — mở link ngoài.
- DEEP_LINK — điều hướng trong app (ví dụ: mở bài dự thi).
- NONE — chỉ đọc.

4. Expand nội dung dài#

Thông báo dài hơn 2 dòng có icon arrow để expand/collapse. Click arrow để xem full nội dung.

Chi tiết từng bước#

Cấu trúc 1 thông báo#

Field	Ý nghĩa
Tiêu đề	Heading
Nội dung	Body message
Icon	Ảnh/biểu tượng
Ngày	`updatedAt`
Category	Phân loại (SYSTEM / CAMPAIGN / USER_ACTION)
isRead / isSeen	Trạng thái

Các loại thông báo thường gặp#

Loại	Nội dung ví dụ
Bài được duyệt	"Bài dự thi X của bạn đã được duyệt"
Bài bị từ chối	"Bài dự thi X bị từ chối: thiếu hashtag"
Thử thách mới	"Thử thách Y vừa ra mắt, tham gia ngay!"
eKYC approved	"Xác minh danh tính thành công"
Withdraw processed	"Yêu cầu rút tiền X VND đã được chuyển"
Rank reminder	"Bạn đang ở top 10 thử thách Z"
System	Bảo trì, cập nhật, tin tức

Pagination#

Bảng tải từng trang. Bấm Xem thêm để load page tiếp (dùng nextPageToken).

Mobile vs Desktop#

Mobile: click chuông → redirect thẳng tới /thong-bao.
Desktop: click chuông → dropdown inline.

Ngoài Thông báo cá nhân (chuông 🔔), T-Fluencers còn có 3 kênh tin tức khác xuất hiện trên trang chủ:

Là gì: modal toàn màn hình xuất hiện khi bạn vừa mở app/web.

Khi nào thấy:

Có popup đang active (còn trong khoảng thời gian chạy).
Bạn thuộc đúng partner mà popup nhắm tới (ví dụ: Techcombank).

Cách thao tác:

Click ảnh/nút CTA — mở link tương ứng (chính sách, thử thách, trang web).
Click X / click ra ngoài — đóng popup.

⚠️ Popup không nhớ đã xem: reload trang là popup có thể hiện lại nếu vẫn trong thời gian active.

Nếu có nhiều popup active cùng lúc:

Hệ thống chỉ hiển thị 1 popup tại 1 thời điểm — popup có thứ tự ưu tiên cao nhất (field order thấp nhất trong cấu hình Admin).
Các popup khác sẽ không hiển thị (không xếp chồng, không queue). Admin thường schedule lệch giờ để tránh xung đột.

Là gì: banner slider ở đầu trang home.

Đặc điểm: slide/auto-rotate giữa nhiều banner, click để mở CTA. Không phải popup — không chặn luồng.

3. Thông báo trang chủ (Home Notice)#

Là gì: strip thông báo cố định phía trên (hoặc bên dưới banner).

Đặc điểm:

Có nút X để dismiss.
Sau khi dismiss, thông báo không hiện lại (được lưu bộ nhớ cục bộ trình duyệt/app).
Khác popup — notice nhớ đã xem.

4. Danh sách tin trang chủ#

Là gì: khu vực card/list tin tức trên home — như tin tức blog.

Đặc điểm: click vào card để đọc chi tiết.

So sánh nhanh#

Kênh	Vị trí	Chặn thao tác	Nhớ đã xem	Tần suất
Thông báo (chuông)	Dropdown header	Không	isRead/isSeen	Theo event
Popup	Modal full-screen	Có	Không	Khi vào app
Banner	Top home	Không	Không cần	Auto rotate
Notice	Strip home	Không	Có (localStorage)	Một lần cho đến khi dismiss
Danh sách tin	Card home	Không	Không	Luôn hiện

Lỗi thường gặp#

1. Không nhận được thông báo#

Chưa cho phép push notification trong trình duyệt.
Chưa bật push từ mobile app.
User bị ban tạm thời.

2. Badge số sai (đã đọc nhưng vẫn còn)#

Cache. Refresh hoặc đóng/mở app.

3. Click notification nhưng không chuyển trang#

Action type = NONE.
Deep link sai target (bug).

4. Thông báo cũ không xóa được#

Hiện tại không có delete từ UI. Thông báo tự nhiên archive theo policy hệ thống.

5. Thông báo push không tới mobile#

Kiểm tra OS settings cho phép notification của app.
Đã logout mobile app → token push invalid.

Câu hỏi thường gặp (FAQ)#

Có tắt thông báo không?

Hiện tại UI không có toggle tắt cụ thể. Bạn có thể tắt từ trình duyệt/OS (cấp hệ thống).

Tần suất push thế nào?

Phụ thuộc event. Không gửi spam; thường:

Bài duyệt/từ chối: ngay khi Admin xử lý.
Thử thách mới: khi publish.
Campaign mass announcement: Admin control.

Có email notification song song push không?

Một số notification quan trọng (eKYC, withdraw fail) có kèm email. Push in-app là chính.

"Chưa đọc" (isRead) vs "Chưa xem" (isSeen) khác nhau?

isSeen: đã mở dropdown / trang (thấy preview).
isRead: đã click vào chi tiết.

Badge số dựa trên isSeen, không phải isRead.

Tôi xóa app rồi cài lại, thông báo cũ có còn?

Còn. Notification lưu trên server, gắn với account. Login lại thấy đủ.

Popup cứ hiện lại hoài, có tắt được vĩnh viễn không?

Popup không có nút "đừng hiện lại". Nó sẽ tiếp tục xuất hiện đến khi hết thời gian active (Admin set endAt). Nếu quá phiền, contact support để feedback.

Tôi thấy 2 popup nên show sao chỉ hiện 1?

Hệ thống ưu tiên popup có order thấp nhất. Popup khác không hiện tại cùng thời điểm. Đây là thiết kế — để tránh làm phiền user.

Banner với Popup khác nhau sao?

Banner: slide ở đầu trang, không chặn bạn thao tác.
Popup: modal full-screen, phải đóng mới tiếp tục.

Notice trang chủ tôi đóng rồi nó không hiện lại — còn lần sau login thì sao?

Notice được lưu "đã đóng" trong trình duyệt/app hiện tại. Nếu bạn đổi thiết bị hoặc xóa cache → notice sẽ hiện lại.

Liên kết liên quan#

Tham khảo SRS: creator-portal/08-thong-bao

Nhận thông báo & Popup tin tức#