Ứng dụng web tiến bộ rất dễ cài đặt với nút cài đặt mới trong thanh địa chỉ của Chrome.
Trên máy tính, thường không có dấu hiệu cho người dùng biết rằng Ứng dụng có thể cài đặt được và nếu có, quy trình cài đặt sẽ bị ẩn trong 3 trình đơn dấu chấm.
Trong Chrome 76 (phiên bản thử nghiệm vào giữa tháng 6 năm 2019), chúng tôi sẽ giúp người dùng dễ dàng cài đặt hơn Ứng dụng web tiến bộ trên máy tính để bàn bằng cách thêm nút cài đặt vào địa chỉ bar (thanh địa chỉ). Nếu một trang web đáp ứng Tiêu chí về khả năng cài đặt Ứng dụng web tiến bộ, Chrome sẽ tự động hiển thị biểu tượng cài đặt trong thanh địa chỉ. Nhấp vào nút nhắc người dùng cài đặt PWA.
Giống như các sự kiện cài đặt khác, bạn có thể theo dõi appinstalled
để phát hiện xem người dùng có cài đặt PWA của bạn hay không.
Thêm lời nhắc cài đặt của riêng bạn
Nếu PWA của bạn có các trường hợp sử dụng mà người dùng thấy hữu ích khi cài đặt ứng dụng của bạn, ví dụ: nếu có người dùng sử dụng ứng dụng của bạn nhiều hơn một lần mỗi tuần, bạn phải quảng bá việc cài đặt PWA trong giao diện người dùng web của ứng dụng.
Để thêm nút cài đặt tuỳ chỉnh của riêng bạn, hãy lắng nghe
Sự kiện beforeinstallprompt. Khi kích hoạt,
lưu tham chiếu đến sự kiện và cập nhật giao diện người dùng để cho phép người dùng
biết rằng họ có thể cài đặt Ứng dụng web tiến bộ của bạn.
Các mẫu quảng bá việc cài đặt PWA của bạn
Bạn có thể quảng bá việc cài đặt PWA của mình theo 3 cách chính sau đây:
- Quảng bá trình duyệt tự động, chẳng hạn như nút cài đặt trên thanh địa chỉ.
- Quảng bá giao diện người dùng ứng dụng, nơi các thành phần trên giao diện người dùng xuất hiện trong ứng dụng trên giao diện, ví dụ như biểu ngữ, nút trong tiêu đề hoặc trình đơn điều hướng, v.v.
- Mẫu quảng cáo cùng dòng quảng cáo xen kẽ trong nội dung trang web.
Xem các mẫu để Quảng bá cài đặt PWA (thiết bị di động) để biết thêm chi tiết. Trọng tâm của công cụ này là thiết bị di động, nhưng có thể áp dụng nhiều mẫu dành cho máy tính để bàn hoặc có thể dễ dàng sửa đổi cho phù hợp với trải nghiệm trên máy tính.