Ghi chú CRO, benchmark và case study từ HeatMapX.
Từ khái niệm web engagement đến cách bắt đầu, được giải thích để bất kỳ ai cũng có thể theo dõi dù chưa có kiến thức nền tảng. Chúng tôi đề cập đến các trường hợp sử dụng popup và thanh cố định, mẹo thiết kế, và cách kết hợp chúng với heatmap và A/B testing.
Cách chương trình giới thiệu của HeatMapX hoạt động, nhìn từ cả hai phía: cách gửi mã, nhập mã ở đâu (trên dashboard, không phải màn hình thanh toán), khi nào ưu đãi tháng đầu miễn phí được áp dụng, khoản hoàn tiền được chi trả ra sao, và giải đáp các câu hỏi thường gặp — tất cả trong một bài viết.
Đánh giá chéo về API công khai và phạm vi xuất dữ liệu của 10 sản phẩm heatmap/ghi lại phiên và 9 sản phẩm A/B testing — bao gồm các rào cản trả phí và độ chi tiết của dữ liệu. Báo cáo nghiên cứu này phân loại từng công ty vào ba cấp độ dựa trên câu hỏi "Bạn có luôn lấy được dữ liệu của chính mình ra ngoài không?"
Hướng dẫn từng bước kết nối Claude Code với MCP server của HeatMapX: phát hành API key, chạy một dòng lệnh, rồi hỏi những câu như 'trang nào có độ sâu cuộn tệ nhất?' hay 'ai đang thắng trong A/B test của tôi?'. Bao gồm cả phần xử lý sự cố.
Ba cách để thêm tính năng theo dõi bản đồ nhiệt vào WordPress — cài đặt trong phần header của theme, dùng plugin chèn mã, hoặc chỉnh sửa trực tiếp header.php — bắt đầu từ cách đơn giản nhất, không cần plugin, chỉ một dòng mã. Bao gồm cả cách kiểm tra để xác nhận nó thực sự hoạt động.
Cách thêm theo dõi heatmap vào cửa hàng Shopify — không cần cài ứng dụng, chỉ cần một dòng mã trong theme.liquid. Bao gồm cách sao lưu theme trước khi chỉnh sửa, lý do trang thanh toán không được theo dõi, và cách xác nhận nó thực sự hoạt động.
Hướng dẫn từng bước cài đặt theo dõi heatmap của HeatMapX thông qua Google Tag Manager (GTM): tạo thẻ Custom HTML với trigger All Pages trong 5 bước, danh sách kiểm tra khi thẻ không kích hoạt, và cách nhờ Claude Code hướng dẫn bạn thực hiện.
Giải thích từ khái niệm A/B testing đến cách bắt đầu, dễ hiểu ngay cả khi bạn chưa có kiến thức chuyên môn. Bao gồm các yếu tố thường được thử nghiệm, quy trình 5 bước, những điểm người mới hay mắc lỗi, và cách kết hợp với heatmap.
Khi điều tra vấn đề dashboard mất vài giây để hiển thị, nguyên nhân được xác định là do việc đi lại giữa hàm Vercel (Mỹ) và Supabase (Tokyo). Đây là ghi chép về việc cải thiện đáng kể tốc độ cảm nhận nhờ cố định khu vực (region) và song song hóa truy vấn.
Giải thích sự khác biệt giữa "tỷ lệ phân bổ lưu lượng" (tỷ lệ khách truy cập được đưa vào thử nghiệm) và "tỷ lệ chia A/B" – hai khái niệm dễ gây nhầm lẫn khi thiết lập A/B test. Khi tách riêng hai yếu tố này, bạn có thể kiểm chứng đúng cách trong khi vẫn kiểm soát được rủi ro.
Làm thế nào để hiển thị an toàn trang web bên ngoài của người dùng trên chính domain của mình trong tính năng "xem trước sau thay đổi" của A/B test. Chia sẻ về sự kết hợp giữa chống SSRF, loại bỏ JS bên ngoài, CSP và iframe sandbox, cùng những cạm bẫy thực tế đã gặp phải với sandbox.
Heatmap và A/B testing khác nhau ở điểm nào, và nên sử dụng chúng như thế nào? Bài viết giải thích dễ hiểu về sự khác biệt vai trò giữa heatmap - công cụ "phát hiện vấn đề" - và A/B testing - công cụ "kiểm chứng cách khắc phục" - cùng thứ tự đúng khi áp dụng.
Bạn có đang nghĩ rằng A/B testing thì phải có công cụ trả phí mới bắt đầu được? Bài viết này giới thiệu cách bắt đầu A/B testing không cần code — chỉ cần dán 1 dòng tag, không cần lập trình, không cần thẻ tín dụng.
Khi thiết kế tính năng A/B testing, câu hỏi đặt ra là nên gộp "tỷ lệ khách truy cập tham gia thử nghiệm (tỷ lệ tham gia)" và "tỷ lệ phân bổ A/B" thành một, hay tách riêng chúng. Chúng tôi chia sẻ lý do đã tách hai yếu tố này theo chuẩn ngành, cùng những quyết định thiết kế liên quan.
Từ Optimizely đến PostHog — báo cáo nghiên cứu tháng 6/2026 bao gồm tính năng, các bậc giá, mô hình thanh toán và cách tiếp cận kỹ thuật của 8 công cụ A/B testing lớn. Bao gồm làn sóng hợp nhất trong ngành và tình trạng hỗ trợ WordPress.
Từ một trang duy nhất "nhồi nhét tất cả" sang layout sidebar 5 trang. Cách sticky sidebar hoạt động song song với sticky header, CSS Grid template dùng chung, pattern Coming Soon, và một i18n dictionary dùng chung giữa LP và dashboard — hoàn thành trong 2 tiếng với Claude Code.
Cách chúng tôi xây dựng lại dashboard HeatMapX từ đầu chỉ trong một ngày với Claude Code — bao gồm Tailwind v4 dark mode, những cạm bẫy của CSS Grid tabular alignment, và 16 vòng lặp thiết kế thực tế trông như thế nào.
Chỉ cần dán một thẻ để bắt đầu. Kết nối AI như Claude để đi từ phân tích đến cải thiện ngay trong cuộc trò chuyện.
