1. Landing Pages
Sport FE (Bongdalu, Bongdako,..)
  • Bongdalu
    • Tổng quan về Bongdalu
    • Architecture
      • System
      • Database
      • Source Code
    • Development
      • Production
  • Bongdako
    • Tổng quan về Bongdako
    • Architecture
      • System
      • Database
      • Source Code
    • Development
      • Local
      • DEV
      • Production
  • ADMIN-BANNER
    • Tổng quan
    • Logic
      • Logic tổng thể
    • Projects
      • Architecture
        • System
        • Source Code
      • Development
        • Develop
        • Production
      • Public API
        • API
      • Database
        • Cấu trúc Database
      • Admin FE
        • Hướng dẫn Đăng nhập
        • QUẢN LÝ SITE (SITE MANAGEMENT)
        • QUẢN LÝ GIẢI ĐẤU (LEAGUE MANAGEMENT)
        • QUẢN LÝ NHÀ CUNG CẤP (SUPPLIER MANAGEMENT)
        • TIP & CHUYÊN GIA - TAB QUẢN LÝ TIPS (TIPS MANAGEMENT)
        • WHITELIST
        • QUẢN LÝ MINIGAME (MINIGAME MANAGEMENT)
        • TRAFFIC REPORT
        • TOOLS - RAPID DATA
        • TOOLS - LIVE SITES
        • TOOLS - SUPPLIERS
        • THEME / PLUGIN
        • NGƯỜI DÙNG - PHÂN QUYỀN VÀ HIỂN THỊ (PERMISSION & DISPLAY MANAGEMENT)
        • QUẢN LÝ NGƯỜI DÙNG (USER MANAGEMENT)
        • NGƯỜI DÙNG - QUẢN LÝ NHÓM QUYỀN (ROLE GROUP MANAGEMENT)
  • Landing Pages
    • Tổng quan
  • Mini Games
    • Lucky Wheel
      • Tổng quan
    • Free Kick
      • Tổng quan
  • Thethaoso
    • Tổng quan
    • Tasklist
    • Vận hành
  1. Landing Pages

Tổng quan

Source HTML Landing Page Sự Kiện Bóng Đá#

Thông tin repository#

Git Repository: https://git.nospace.network/thscore/ldp-sports
Mục đích: Source HTML landing page phục vụ cho các chiến dịch sự kiện bóng đá
Branch chính:
main → Landing page cho SEA Games
worldcup → Landing page cho World Cup

Tổng quan#

Đây là source code landing page HTML được xây dựng nhằm phục vụ cho các chiến dịch truyền thông, quảng bá và chuyển đổi liên quan đến các sự kiện bóng đá lớn. Dự án được thiết kế theo hướng nhẹ, dễ triển khai, dễ tùy biến giao diện và nội dung, phù hợp cho các nhu cầu chạy campaign theo mùa giải, giải đấu hoặc sự kiện bóng đá cụ thể.
Source này tập trung vào việc cung cấp một nền tảng giao diện có thể tái sử dụng cho nhiều chiến dịch khác nhau, thay vì phải xây dựng mới hoàn toàn mỗi khi có giải đấu lớn. Với cùng một cấu trúc nền, đội ngũ có thể linh hoạt thay đổi theme, banner, nội dung, CTA, hình ảnh và các section hiển thị để phù hợp với từng sự kiện như SEA Games hoặc World Cup.
Hệ thống branch hiện tại được tổ chức rõ ràng theo từng giải đấu để dễ quản lý, bảo trì, phát triển và deploy độc lập. Điều này giúp đảm bảo mỗi chiến dịch vẫn có bản sắc riêng nhưng vẫn giữ được sự thống nhất về mặt kỹ thuật và trải nghiệm người dùng.

Mục tiêu của dự án#

Mục tiêu chính của source này là xây dựng một landing page sự kiện bóng đá dạng HTML tĩnh, tối ưu cho các chiến dịch marketing và vận hành nhanh. Dự án hướng đến các tiêu chí:
Triển khai nhanh cho từng chiến dịch theo giải đấu
Tái sử dụng cao giữa các event football khác nhau
Tối ưu hiệu năng trên desktop và mobile
Dễ chỉnh sửa nội dung cho team vận hành / marketing / front-end
Dễ maintain trong quá trình mở rộng thêm nhiều giải đấu về sau
Thay vì làm nhiều bộ source rời rạc, repository này đóng vai trò như một nền tảng landing page dùng chung, trong đó mỗi branch đại diện cho một concept sự kiện cụ thể.

Cấu trúc branch#

1) Branch main — SEA Games#

Branch main là nhánh mặc định của dự án, dùng để phát triển và vận hành phiên bản landing page cho sự kiện SEA Games.
Phiên bản này được định hướng theo phong cách phù hợp với các chiến dịch bóng đá khu vực Đông Nam Á, thường mang màu sắc trẻ trung, sôi động và gần gũi với tệp người dùng trong khu vực. Nội dung và hình ảnh trong branch này thường tập trung vào tinh thần thi đấu khu vực, các trận cầu đáng chú ý, hoạt động cổ vũ, chương trình khuyến mãi hoặc các CTA liên quan đến event SEA Games.
Các thành phần có thể xuất hiện trong branch này bao gồm:
Hero banner theo chủ đề SEA Games
Khu vực giới thiệu sự kiện
Section highlight giải đấu / trận đấu
Countdown hoặc timeline chiến dịch
Footer / policy / tracking area theo nhu cầu triển khai
Branch này nên được sử dụng khi triển khai các campaign liên quan đến:
Bóng đá SEA Games
Sự kiện thể thao khu vực Đông Nam Á
Landing page truyền thông theo chủ đề SEA Games
Các chiến dịch user acquisition hoặc conversion gắn với SEA Games

2) Branch worldcup — World Cup#

Branch worldcup là phiên bản mở rộng của cùng một hệ thống landing page, được tùy biến riêng để phục vụ cho chiến dịch World Cup.
So với branch main, branch này mang định hướng hình ảnh và thông điệp ở quy mô toàn cầu hơn, phù hợp với một giải đấu bóng đá có sức hút quốc tế lớn. Giao diện thường được xây dựng theo hướng mạnh hơn về visual, cảm xúc trận đấu, tinh thần cạnh tranh đỉnh cao và quy mô sự kiện toàn thế giới.
Branch này có thể bao gồm các đặc điểm như:
Hero section mang concept World Cup
Banner và visual đậm chất giải đấu quốc tế
Nội dung CTA tập trung vào mùa giải lớn
Khu vực highlight trận cầu / đội tuyển / chiến dịch
Section hỗ trợ campaign traffic hoặc conversion
Các block nội dung được tối ưu cho high-volume event traffic
Branch worldcup phù hợp cho các nhu cầu như:
Chạy campaign theo mùa World Cup
Landing page quảng bá sự kiện bóng đá quốc tế
Triển khai chiến dịch theo các trận đấu lớn
Tối ưu traffic / acquisition / engagement theo chủ đề World Cup

Đặc điểm kỹ thuật#

Source được xây dựng theo hướng HTML landing page tĩnh, phù hợp cho việc host nhanh trên nhiều môi trường khác nhau như:
Static hosting
CDN hosting
Nginx / Apache
Tích hợp vào hệ thống CMS / affiliate / campaign page nội bộ
Embed hoặc deploy độc lập theo domain / subdomain riêng
Các đặc điểm kỹ thuật chính:
Sử dụng HTML / CSS / JavaScript
Tối ưu cho việc dựng nhanh landing page
Có thể dễ dàng thay đổi nội dung, hình ảnh, CTA link và asset
Hỗ trợ responsive để hiển thị tốt trên mobile / tablet / desktop
Dễ tích hợp tracking script, analytics, pixel hoặc các đoạn mã quảng cáo nếu cần
Phù hợp cho A/B testing hoặc nhân bản nhiều version campaign
Vì là source dành cho event campaign, cấu trúc dự án được ưu tiên theo hướng dễ chỉnh sửa và dễ vận hành, thay vì quá phức tạp về mặt kiến trúc.

Định hướng sử dụng#

Source này được xây dựng để phục vụ các nhu cầu thực tế trong quá trình vận hành landing page thể thao, đặc biệt là bóng đá. Một số use case phổ biến gồm:
Landing page cho sự kiện bóng đá
Trang campaign theo mùa giải
Trang đón traffic cho giải đấu lớn
Landing page cho promotion / bonus / event
Trang giới thiệu chiến dịch dành cho người dùng mới
Trang điều hướng traffic từ ads / social / affiliate / push
Trang chuyển đổi với CTA rõ ràng theo từng event
Nhờ việc tách branch theo từng giải đấu, team có thể:
Giữ source sạch và rõ ràng
Phát triển độc lập từng phiên bản
Giảm rủi ro ảnh hưởng chéo giữa các campaign
Dễ rollback hoặc maintain từng event riêng biệt

Quy ước phát triển#

Để thuận tiện trong quá trình làm việc, repository này được tổ chức theo tư duy:
Một nền tảng source dùng chung
Nhiều branch theo từng giải đấu / chiến dịch
Tối ưu cho tốc độ triển khai và khả năng tái sử dụng
Quy ước hiện tại:
main → SEA Games
worldcup → World Cup
Trong tương lai, cấu trúc này có thể tiếp tục mở rộng thêm các branch khác nếu phát sinh nhu cầu cho các giải đấu như:
Euro
Copa America
Asian Cup
AFC Champions League
Premier League special event
Hoặc các seasonal football campaign khác
Điều này giúp repository luôn có khả năng scale theo định hướng phát triển sản phẩm và nhu cầu vận hành marketing thực tế.

Kết luận#

Repository ldp-sports là source landing page HTML chuyên dùng cho các chiến dịch sự kiện bóng đá, được tổ chức theo mô hình multi-event branch, giúp đội ngũ phát triển và vận hành có thể triển khai nhanh, quản lý dễ và tái sử dụng hiệu quả.
Với cấu trúc hiện tại:
main đại diện cho phiên bản SEA Games
worldcup đại diện cho phiên bản World Cup
Dự án phù hợp để sử dụng làm nền tảng cho các landing page campaign có tính mùa vụ cao, yêu cầu thay đổi nhanh, tối ưu hiệu suất và hỗ trợ tốt cho hoạt động marketing, truyền thông và chuyển đổi người dùng.

Modified at 2026-03-31 05:18:17
Previous
NGƯỜI DÙNG - QUẢN LÝ NHÓM QUYỀN (ROLE GROUP MANAGEMENT)
Next
Tổng quan
Built with