Nâng cấp Dashboard (đợt 2) — Gộp menu quản trị, danh sách A/B test xuyên suốt mọi trang web, cải thiện tốc độ hiển thị

Vào ngày 01/07/2026, chúng tôi đã cập nhật Dashboard của HeatMapX (heatmapx.com/dashboard) trong đợt nâng cấp thứ hai. Tiếp nối đợt cải tiến toàn diện hồi tháng 6, lần này chúng tôi tập trung vào chủ đề "đơn giản hóa và tăng tốc vận hành hằng ngày", cải thiện đồng thời cấu trúc menu, cách hiển thị danh sách và tốc độ hiển thị.

Những thay đổi chính

⚙ Thêm mục menu "Quản trị"

Chúng tôi đã bổ sung một mục "Quản trị" mới trong thanh điều hướng bên. Hai chức năng trước đây nằm lẫn trong menu là Gói dịch vụ & Thanh toán và Cài đặt nay được gộp chung dưới mục "Quản trị", giúp tách bạch rõ ràng giữa các chức năng dùng hằng ngày (heatmap, A/B test) và các chức năng quản trị chỉ thỉnh thoảng mới cần dùng đến.

Sắp xếp lại theo trình tự tự nhiên: chức năng thường dùng ở trên, chức năng quản trị nằm dưới mục "Quản trị"
Đồng thời đổi nhãn "Sắp triển khai" thành "Sắp ra mắt" để người dùng dễ nhận biết các tính năng đang được phát triển

▤ Hiển thị danh sách A/B test xuyên suốt mọi trang web

Trước đây, để xem danh sách A/B test, người dùng phải chọn trang web trước. Giờ đây, chúng tôi đã bỏ bước chọn trang web và gộp tất cả các thử nghiệm của mọi trang web đã đăng ký vào một màn hình duy nhất.

Có thể xem toàn bộ thử nghiệm của mọi trang web chỉ trong một danh sách duy nhất
Bổ sung cột tên trang web vào danh sách để dễ dàng nhận biết thử nghiệm thuộc trang web nào
Khắc phục tình trạng khó hiểu trước đây khi "có những thử nghiệm không hiển thị nếu không chỉ định trang web"

🔗 Có thể nhấp vào tên trang web trong danh sách heatmap để mở trực tiếp

Chúng tôi đã biến tên trang web trong danh sách heatmap thành đường liên kết. Tên trang web luôn hiển thị màu cam, và sẽ có gạch chân khi di chuột vào, giúp người dùng nhận biết ngay rằng đây là mục "có thể nhấp". Nhờ đó, bạn có thể chuyển đến trang web mong muốn chỉ bằng một cú nhấp từ danh sách.

🆔 Hiển thị "Mã tài khoản" trong phần Cài đặt

Chúng tôi đã bổ sung Mã tài khoản (8 ký tự đầu của mã định danh tài khoản, có che một phần) vào màn hình Cài đặt. Khi liên hệ với bộ phận hỗ trợ, việc cung cấp mã này sẽ giúp xác định tài khoản của bạn nhanh chóng hơn. Đây chỉ là thông tin hiển thị, không thể chỉnh sửa và không ảnh hưởng đến bất kỳ chức năng nào khác.

◻ Bắt đầu chuyển sang thiết kế phẳng

Chúng tôi sẽ từng bước chuyển toàn bộ Dashboard sang thiết kế phẳng (flat design), giúp giao diện dễ nhìn hơn và giảm bớt các chi tiết thừa. Bước đầu tiên là loại bỏ đổ bóng (drop shadow) trên các ô nhập liệu. Chúng tôi sẽ tiếp tục điều chỉnh để giảm nhiễu thị giác và giúp thông tin dễ đọc hơn trong thời gian tới.

👣 Bổ sung mục "3 bước đầu tiên" cho cả người dùng hiện tại

Mục "3 bước đầu tiên", trước đây chỉ hiển thị cho khách hàng mới, nay cũng được hiển thị trên trang chủ của khách hàng hiện tại dưới dạng thu gọn. Vì mặc định ở trạng thái thu gọn nên sẽ không gây vướng víu trong quá trình sử dụng, và bạn có thể mở lại bất cứ lúc nào khi cần xem lại cách cài đặt.

⚡ Cải thiện tốc độ hiển thị

Chúng tôi đã rút ngắn đáng kể thời gian chờ khi chuyển đổi giữa các màn hình.

Cố định khu vực triển khai tại Tokyo: Trước đây, các xử lý của Dashboard được thực hiện tại khu vực máy chủ ở Mỹ, khiến mỗi lần xử lý đều phải "đi qua Thái Bình Dương" để trao đổi với cơ sở dữ liệu (đặt tại Tokyo). Chúng tôi đã cố định việc xử lý tại khu vực Tokyo, loại bỏ độ trễ do việc truyền dữ liệu qua lại này.
Lấy dữ liệu tổng hợp của trang chủ theo hình thức song song: Các số liệu tổng hợp hiển thị trên trang chủ, trước đây được xử lý tuần tự (chờ lần lượt), nay được lấy đồng thời cùng lúc.

Nhờ hai cải tiến này, theo đo lường nội bộ, thời gian hiển thị trang chủ đã được rút ngắn từ vài giây xuống còn khoảng 0,2 giây. Vì tốc độ được cải thiện ở chính quá trình xử lý chứ không dựa vào bộ nhớ đệm (cache), nên dữ liệu hiển thị luôn là dữ liệu mới nhất.

Phạm vi ảnh hưởng

Thay đổi lần này chỉ liên quan đến giao diện, cách hiển thị và tốc độ hiển thị của Dashboard, không ảnh hưởng đến logic đo lường, cấu trúc dữ liệu hay API. Đoạn mã theo dõi (tracker) đã được nhúng sẵn vẫn hoạt động bình thường và không ảnh hưởng đến dữ liệu đang được thu thập.