Cài đặt thanh địa chỉ cho Ứng dụng web tiến bộ trên máy tính

Ứ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, người dùng thường không thấy thông báo cho biết có thể cài đặt Ứng dụng web tiến bộ. Nếu có thể, quy trình cài đặt sẽ được ẩn trong trình đơn có ba 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 Ứng dụng web tiến bộ trên máy tính bằng cách thêm nút cài đặt vào 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ộ, thì Chrome sẽ tự động hiển thị biểu tượng cài đặt trên thanh địa chỉ. Khi nhấp vào nút này, người dùng sẽ được nhắc cài đặt PWA.

Giống như các sự kiện cài đặt khác, bạn có thể theo dõi sự kiện 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 nên cài đặt ứng dụng, 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ột tuần, thì bạn nên 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 nghe sự kiện beforeinstallprompt. Khi sự kiện này được kích hoạt, hãy lưu tệp tham chiếu đến sự kiện và cập nhật giao diện người dùng để cho người dùng biết rằng họ có thể cài đặt Ứng dụng web tiến bộ.

Mẫu để quảng bá việc cài đặt PWA

Có 3 cách chính để bạn có thể khuyến khích người dùng cài đặt PWA:

  • Quảng cáo tự động trên trình duyệt, 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 giao diện ứng dụng, chẳng hạn như biểu ngữ, nút trong tiêu đề hoặc trình đơn điều hướng, v.v.
  • Mẫu quảng bá cùng dòng đan xen các chương trình khuyến mãi trong nội dung trang web.

Hãy xem các Mẫu trong bài viết Quảng bá cài đặt PWA (thiết bị di động) để biết thêm thông tin chi tiết. Trọng tâm của thư viện này là thiết bị di động, nhưng nhiều mẫu trong đó cũng có thể áp dụng cho máy tính hoặc dễ dàng được sửa đổi để phù hợp với trải nghiệm trên máy tính.