Skip to main content
On this page

Nhận Diện Trình Duyệt In‑App

Tính năng Tự động nhận diện và chuyển hướng In‑App Browser giúp cải thiện trải nghiệm người dùng khi trang web của bạn được mở từ các ứng dụng mạng xã hội như Facebook, Zalo, TikTok, Instagram hoặc WeChat.

Tại sao cần tính năng này?

Khi người dùng nhấp vào một liên kết trong các ứng dụng này, trang thường được mở trong trình duyệt thu gọn tích hợp của ứng dụng. Các trình duyệt này được tối ưu cho tốc độ và tiêu thụ pin, nên:

  • Thanh tiêu đề và các thanh điều khiển thường bị ẩn, làm giảm diện tích hiển thị.
  • Giao diện có thể bị cắt xén, đặc biệt với các lưới phức tạp hoặc nội dung media.
  • Kích thước phông chữ và các mục chạm có thể quá nhỏ, gây khó khăn trong tương tác.
  • Nhiều script bên thứ ba (analytics, quảng cáo) bị chặn, dẫn đến thời gian tải chậm và điểm Core Web Vitals kém. Kết quả là người dùng có thể gặp trải nghiệm không mượt mà, tăng tỷ lệ thoát và ảnh hưởng tiêu cực đến SEO.

Cách hoạt động

Khi có một yêu cầu đến từ một ứng dụng xã hội, một đoạn script nhẹ sẽ kiểm tra chuỗi user‑agent để xác định các dấu hiệu đặc trưng (ví dụ: FBAN, Zalo, TikTok). Nếu phát hiện môi trường in‑app, script thực hiện một phép chuyển hướng ngay lập tức bằng window.location.replace tới cùng URL nhưng trong trình duyệt mặc định của thiết bị. Quá trình chuyển hướng diễn ra nhanh chóng và không để lại dấu vết trong lịch sử duyệt.

Người dùng sẽ thấy gì?

  • Trang được tải trong trình duyệt mặc định (Safari, Chrome, Edge, …) với viewport đầy đủ, hiển thị đúng toàn bộ bố cục.
  • Các thành phần UI như menu, hero, card, video… sẽ render chính xác như trong thiết kế.
  • Các chỉ số hiệu năng (LCP, FID, CLS) được cải thiện nhờ khả năng tải tài nguyên đầy đủ và không bị hạn chế bởi trình duyệt thu gọn.

Lợi ích

  • Giao diện nhất quán – Không còn hiện tượng cắt xén hoặc bố cục lệch.
  • Tốc độ tải nhanh hơn – Trình duyệt đầy đủ cho phép pre‑connect, cache và thực thi JavaScript không bị hạn chế.
  • Cải thiện SEO – Các công cụ tìm kiếm đánh giá trang dựa trên trải nghiệm thực tế, vì vậy Core Web Vitals và thời gian ở lại sẽ tăng.
  • Không cần cấu hình thêm – Tính năng hoạt động tự động trên mọi trang mà không cần thay đổi mã nguồn khác.

Lưu ý: Tính năng này được tích hợp sẵn trong mã nguồn và không yêu cầu cấu hình thêm.