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ộ dễ dàng 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 sẽ không có chỉ báo cho người dùng rằng Ứng dụng web tiến bộ là có thể cài đặt. Nếu có, quy trình cài đặt sẽ bị ẩn trong trình đơn có biểu tượng ba dấu chấm.

Trong Chrome 76 (thử nghiệm giữa tháng 6 năm 2019), chúng tôi sẽ giúp người dùng cài đặt Ứng dụng web tiến bộ trên máy tính dễ dàng hơn bằng cách thêm nút cài đặt vào thanh địa chỉ (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ị một biểu tượng cài đặt trong 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ài đặt PWA của bạn hay chưa.

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 có thể giúp người dùng cài đặt ứng dụng, chẳng hạn như nếu bạn có người dùng sử dụng ứng dụng của bạn hơn một lần mỗi 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 theo dõi sự kiện beforeinstallprompt. Khi sự kiện được kích hoạt, hãy lưu thông tin 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 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ó 3 cách chính mà bạn có thể quảng bá việc cài đặt PWA của mình:

  • 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 cáo giao diện người dùng ứng dụng, trong đó 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 cáo nội tuyến xen kẽ các quảng cáo trong nội dung trang web.

Xem các Mẫu Quảng bá chế độ 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 mô hình là thiết bị di động, nhưng nhiều mẫu có thể áp dụng cho máy tính 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.