Skip to main content

Đính Chính Hành Vi Tab BigFan — Màn Hình Nội Bộ, Không Phải Outlink Facebook

Ngày tạo: 30/06/2026
Loại: Đính chính yêu cầu (Requirement Clarification)
File tham chiếu: menu-bigfan-va-bo-cuc-hang-thanh-vien.md

Tóm Tắt Thay Đổi​

Yêu cầu ban đầuYêu cầu hiện tại
Hành vi click tab BigFanMở thẳng Facebook (outlink)Mở màn hình BigFan nội bộ trong App
Nút FacebookLà hành vi mặc định của tabLà CTA nằm bên trong trang BigFan
Trạng tháiĐã hủy✅ Đang áp dụng

Luồng Đúng (Hiện Tại)​

Người dùng nhấn tab [BigFan] ở Footer
        ↓
App mở màn hình BigFan nội bộ
        ↓
┌─────────────────────────────┐
│  🌟 BigFan là gì?           │  ← Phần 1: Giới thiệu cộng đồng
│  (Đoạn text giới thiệu)     │
├─────────────────────────────┤
│  🎁 Hoạt động trao thưởng   │  ← Phần 2: Slide trao thưởng
│  [Card 1] [Card 2] [Card 3] │     (auto-scroll, lấy từ CMS)
├─────────────────────────────┤
│  [ Tham gia cộng đồng FB ]  │  ← Phần 3: CTA Button
└─────────────────────────────┘
        ↓ (chỉ khi nhấn nút CTA)
Mở Facebook Page/Group (outlink)

Chi Tiết Từng Phần Màn Hình BigFan​

Phần 1 — Giới Thiệu Cộng Đồng​

  • Tiêu đề: "Cộng đồng BigFan Golden Lotus" hoặc "BigFan là gì?"
  • Nội dung: Đoạn văn giới thiệu ngắn về đặc quyền thành viên BigFan (Voucher ưu đãi, quà sinh nhật, minigame độc quyền...).
  • Nội dung quản lý từ CMS (có thể chỉnh sửa không cần deploy lại).

Phần 2 — Slide Hoạt Động & Trao Thưởng​

  • Dạng carousel cuộn ngang (auto-scroll).
  • Mỗi card hiển thị:
    • Tên khách hàng (ẩn danh: Nguyễn *** Anh)
    • Nội dung hoạt động: "vừa quay trúng 500 GPoint" / "vừa nhận Voucher sinh nhật"
    • Thời gian tương đối: "2 giờ trước"
  • Dữ liệu lấy từ module BigFan trong Admin CMS (nhập tay hoặc auto-log từ minigame).

Phần 3 — CTA Button Facebook​

  • Nút: "Tham gia cộng đồng Facebook"
  • Màu sắc: Màu thương hiệu hoặc màu xanh Facebook.
  • Hành vi: Mở outlink đến Page/Group Facebook chính thức (deeplink mở app Facebook nếu có, fallback trình duyệt).
  • URL cấu hình từ CMS (không hardcode trong App).

Lý Do Thay Đổi​

  • Thiết kế ban đầu (outlink thẳng) không phù hợp về UX: người dùng bị đẩy ra khỏi App ngay khi nhấn tab mà không có context gì.
  • Thiết kế mới giúp App giữ chân người dùng, giới thiệu giá trị BigFan trước, sau đó mới dẫn ra Facebook như một bước tùy chọn.
  • Đồng thời tạo điều kiện cho việc quản lý nội dung BigFan qua CMS (slide trao thưởng, nội dung giới thiệu).

Checklist Kỹ Thuật​

  • Tab BigFan trong Footer điều hướng đến BigFanScreen (internal screen), không dùng Linking.openURL().
  • BigFanScreen render đủ 3 phần: Intro → Carousel → CTA.
  • URL Facebook CTA được cấu hình từ CMS (settings.bigfan_facebook_url), không hardcode.
  • Carousel trao thưởng auto-scroll, lấy data từ API /bigfan/activities.
  • Tên khách hàng trong carousel được ẩn danh theo pattern: giữ họ + ẩn tên đệm + giữ tên.