Việc cài đặt Ứng dụng web tiến bộ (PWA) có thể giúp người dùng dễ dàng tìm thấy và sử dụng hơn. Ngay cả khi quảng bá trình duyệt, một số người dùng không biết rằng họ có thể cài đặt PWA, vì vậy, việc cung cấp trải nghiệm trong ứng dụng có thể giúp ích cho bạn để quảng bá và cho phép cài đặt PWA.
Bài viết này tuy không đầy đủ, nhưng là điểm khởi đầu cho nhiều cách để quảng bá việc cài đặt PWA. Bất kể bạn sử dụng mẫu, hoặc mẫu nào, tất cả đều dẫn đến cùng một mã kích hoạt quy trình cài đặt, được nêu trong Cách cung cấp trải nghiệm cài đặt trong ứng dụng của riêng bạn.
Các phương pháp hay nhất
Có một số phương pháp hay nhất luôn áp dụng bất kể bạn đang dùng mẫu quảng cáo nào trên trang web của mình.
- Đặt chương trình khuyến mãi bên ngoài luồng hành trình của người dùng. Ví dụ: trong trang đăng nhập PWA, hãy đặt lời kêu gọi hành động bên dưới biểu mẫu đăng nhập và nút gửi. Việc sử dụng sai mục đích các mẫu quảng cáo sẽ làm giảm khả năng hữu dụng của PWA và ảnh hưởng tiêu cực đến các chỉ số tương tác của bạn.
- Bao gồm khả năng loại bỏ hoặc từ chối chương trình khuyến mãi. Hãy nhớ lựa chọn ưu tiên của người dùng nếu họ làm như vậy và chỉ nhắc lại nếu có thay đổi trong mối quan hệ giữa người dùng với nội dung của bạn, chẳng hạn như khi họ đã đăng nhập hoặc hoàn tất một giao dịch mua.
- Kết hợp các kỹ thuật trong nhiều phần của PWA, nhưng hãy cẩn thận để không gây choáng ngợp hoặc gây khó chịu cho người dùng bằng việc quảng cáo lượt cài đặt.
- Chỉ hiển thị chương trình khuyến mãi sau khi sự kiện
beforeinstallpromptđã kích hoạt.
Quảng cáo trình duyệt tự động
Khi đáp ứng một số tiêu chí nhất định, hầu hết các trình duyệt sẽ tự động cho người dùng biết rằng Ứng dụng web tiến bộ của bạn có thể cài đặt được. Ví dụ: Chrome cho máy tính để bàn hiển thị nút cài đặt trong thanh địa chỉ.
Chrome dành cho Android sẽ hiển thị một thanh thông tin nhỏ cho người dùng, mặc dù bạn có thể ngăn chặn điều này bằng cách gọi preventDefault() trên sự kiện beforeinstallprompt.
Nếu bạn không gọi preventDefault(), biểu ngữ sẽ xuất hiện trong lần đầu tiên người dùng truy cập vào trang web của bạn và đáp ứng các tiêu chí về khả năng cài đặt trên Android, rồi hiển thị lại sau khoảng 90 ngày.
Mẫu quảng cáo trên giao diện người dùng
Mẫu quảng cáo trên giao diện người dùng có thể được dùng cho hầu hết mọi loại PWA và xuất hiện ở các vị trí như thanh điều hướng trên trang web và biểu ngữ. Giống như mọi loại mẫu quảng cáo khác, điều quan trọng là bạn phải biết bối cảnh của người dùng để giảm thiểu tình trạng gián đoạn trong hành trình của người dùng.
Các trang web xem xét kỹ lưỡng về thời điểm kích hoạt giao diện người dùng của quảng cáo sẽ đạt được số lượt cài đặt lớn hơn và tránh can thiệp vào hành trình của người dùng không quan tâm đến việc cài đặt.
Nút cài đặt đơn giản
Trải nghiệm người dùng đơn giản nhất có thể là đưa nút "Cài đặt" hoặc "Tải ứng dụng" vào một vị trí thích hợp trong nội dung trên web của bạn. Đảm bảo nút này không chặn chức năng quan trọng khác và nằm ngoài hành trình của người dùng thông qua ứng dụng.
Tiêu đề cố định
Đây là nút cài đặt, nằm trong tiêu đề trang web của bạn. Các nội dung tiêu đề khác thường bao gồm các thành phần xây dựng thương hiệu cho trang web, chẳng hạn như biểu trưng và trình đơn ba đường kẻ. Tiêu đề có thể là position:fixed hoặc không tuỳ thuộc vào chức năng của trang web và nhu cầu của người dùng.
Khi được sử dụng đúng cách, việc quảng bá việc cài đặt PWA từ tiêu đề trang web là một cách hiệu quả để giúp những khách hàng trung thành nhất dễ dàng quay lại trải nghiệm của bạn. Các pixel trong tiêu đề PWA rất quý giá, vì vậy, hãy đảm bảo lời kêu gọi hành động cài đặt của bạn có kích thước phù hợp, quan trọng hơn so với các nội dung tiêu đề khác và không gây gián đoạn.
Đảm bảo bạn:
- Không hiển thị nút cài đặt trừ phi
beforeinstallpromptđã được kích hoạt. - Đánh giá giá trị của trường hợp sử dụng đã cài đặt đối với người dùng. Hãy cân nhắc nhắm mục tiêu có chọn lọc để chỉ hiển thị chương trình khuyến mãi của bạn cho những người dùng có khả năng sẽ hưởng lợi từ chương trình khuyến mãi đó.
- Sử dụng không gian tiêu đề quý giá một cách hiệu quả. Hãy cân nhắc những khía cạnh hữu ích khác trong tiêu đề và cân nhắc mức độ ưu tiên của chương trình khuyến mãi cài đặt so với các lựa chọn khác.
Trình đơn điều hướng
Trình đơn điều hướng là nơi tuyệt vời để thúc đẩy việc cài đặt ứng dụng vì người dùng mở trình đơn đang báo hiệu mức độ tương tác với trải nghiệm của bạn.
Đảm bảo bạn:
- Tránh làm gián đoạn nội dung điều hướng quan trọng. Đặt quảng cáo cài đặt PWA bên dưới các mục khác trong trình đơn.
- Đưa ra lời thuyết trình ngắn gọn, phù hợp để giải thích lý do người dùng sẽ được hưởng lợi từ việc cài đặt PWA của bạn.
Trang đích
Mục đích của trang đích là quảng bá sản phẩm và dịch vụ của bạn. Vì vậy, đây là nơi phù hợp để quảng bá rộng rãi khi quảng bá lợi ích của việc cài đặt PWA.
Trước tiên, hãy giải thích về tuyên bố giá trị của trang web, sau đó cho khách truy cập biết họ sẽ nhận được gì khi cài đặt.
Đảm bảo bạn:
- Thu hút các tính năng quan trọng nhất với khách truy cập và nhấn mạnh các từ khóa có thể đã đưa họ đến trang đích của bạn.
- Tạo quảng cáo cài đặt và lời kêu gọi hành động thật bắt mắt, nhưng chỉ sau khi bạn đã đưa ra tuyên bố giá trị rõ ràng. Suy cho cùng thì đây là trang đích của bạn.
- Hãy cân nhắc thêm chương trình khuyến mãi cài đặt vào phần ứng dụng mà người dùng dành nhiều thời gian nhất.
Cài đặt biểu ngữ
Hầu hết người dùng đã gặp phải biểu ngữ cài đặt trong trải nghiệm trên thiết bị di động và quen với các tương tác mà biểu ngữ mang lại. Bạn nên sử dụng biểu ngữ một cách cẩn thận vì chúng có thể làm gián đoạn người dùng.
Đảm bảo bạn:
- Chờ cho đến khi người dùng thể hiện sự quan tâm đến trang web của bạn rồi mới hiển thị biểu ngữ. Nếu người dùng đóng biểu ngữ của bạn, đừng hiển thị lại biểu ngữ đó trừ phi người dùng kích hoạt một sự kiện chuyển đổi cho biết mức độ tương tác cao hơn với nội dung của bạn, chẳng hạn như lượt mua hàng trên trang web thương mại điện tử hoặc đăng ký tài khoản.
- Giải thích ngắn gọn về giá trị của việc cài đặt PWA trong biểu ngữ. Ví dụ: bạn có thể phân biệt việc cài đặt PWA với một ứng dụng iOS/Android bằng cách đề cập đến việc ứng dụng này hầu như không sử dụng bộ nhớ trên thiết bị của người dùng hoặc ứng dụng sẽ cài đặt ngay lập tức mà không cần chuyển hướng cửa hàng.
Giao diện người dùng tạm thời
Giao diện người dùng tạm thời (chẳng hạn như mẫu thiết kế Thanh thông báo nhanh) thông báo cho người dùng và cho phép họ dễ dàng hoàn tất một hành động (trong trường hợp này là cài đặt ứng dụng). Khi được sử dụng đúng cách, các mẫu giao diện người dùng này sẽ không làm gián đoạn quy trình của người dùng và thường tự động bị loại bỏ nếu người dùng bỏ qua.
Hiển thị thanh thông báo nhanh sau một vài lần tương tác với ứng dụng. Nếu thanh này xuất hiện khi tải trang hoặc không kèm theo ngữ cảnh, thì thanh này có thể dễ dàng bị bỏ lỡ hoặc dẫn đến quá tải về nhận thức. Khi điều này xảy ra, người dùng sẽ chỉ đóng mọi thứ họ thấy. Xin lưu ý rằng người dùng mới truy cập vào trang web có thể chưa sẵn sàng cài đặt PWA. Do đó, tốt nhất bạn nên đợi cho đến khi có tín hiệu mạnh về mối quan tâm từ người dùng trước khi sử dụng mẫu này, ví dụ: lượt truy cập lặp lại, lượt đăng nhập của người dùng hoặc sự kiện chuyển đổi tương tự.
Đảm bảo bạn:
- Hiển thị thanh thông báo nhanh trong khoảng từ 4 đến 7 giây để người dùng có đủ thời gian xem và phản ứng với thông báo mà không gây cản trở.
- Tránh hiển thị biểu ngữ trên giao diện người dùng tạm thời khác, chẳng hạn như biểu ngữ, v.v.
- Chờ cho đến khi bạn có tín hiệu mạnh mẽ về mối quan tâm từ người dùng trước khi sử dụng mẫu này, ví dụ: lượt truy cập lặp lại, người dùng đăng nhập hoặc sự kiện chuyển đổi tương tự.
Sau khi chuyển đổi
Ngay sau sự kiện chuyển đổi của người dùng, chẳng hạn như sau khi họ mua hàng trên trang web thương mại điện tử, là một cơ hội rất tốt để quảng bá việc cài đặt PWA của bạn. Người dùng tương tác rõ ràng với nội dung của bạn và lượt chuyển đổi thường báo hiệu rằng người dùng sẽ tương tác lại với dịch vụ của bạn.
Hành trình đặt phòng hoặc thanh toán
Hiển thị chương trình khuyến mãi cài đặt trong hoặc sau một hành trình tuần tự, chẳng hạn như sau quy trình đặt phòng hoặc thanh toán. Nếu hiển thị chương trình khuyến mãi sau khi người dùng hoàn tất hành trình, bạn thường có thể làm cho chương trình khuyến mãi nổi bật hơn sau khi hành trình hoàn tất.
Đảm bảo bạn:
- Bao gồm lời kêu gọi hành động phù hợp. Người dùng nào sẽ được hưởng lợi khi cài đặt ứng dụng của bạn và tại sao? Thông tin này có liên quan như thế nào đến hành trình mà họ đang thực hiện?
- Nếu thương hiệu của bạn có ưu đãi riêng biệt cho người dùng ứng dụng đã cài đặt, hãy đề cập đến những ưu đãi đó.
- Không nên triển khai chương trình khuyến mãi cho các bước tiếp theo trong hành trình của bạn, nếu không, việc này có thể ảnh hưởng tiêu cực đến tỷ lệ hoàn thành hành trình. Trong ví dụ về thương mại điện tử ở trên, hãy lưu ý cách lời kêu gọi hành động thanh toán chính nằm ở phía trên chương trình khuyến mãi cài đặt ứng dụng.
Quy trình đăng ký, đăng nhập hoặc đăng xuất
Chương trình khuyến mãi này là một trường hợp đặc biệt của mẫu quảng cáo hành trình, trong đó thẻ khuyến mãi có thể nổi bật hơn.
Các trang này thường chỉ được xem bởi những người dùng đã tương tác, nơi đã đặt đề xuất giá trị cho PWA của bạn. Ngoài ra, thường không có nhiều nội dung hữu ích khác để đặt trên các trang này. Do đó, việc thực hiện một lời kêu gọi hành động lớn hơn sẽ ít gây gián đoạn hơn, miễn là không gây cản trở cho nội dung.
Đảm bảo bạn:
- Tránh làm gián đoạn hành trình của người dùng trong biểu mẫu đăng ký. Nếu đây là một quy trình nhiều bước, bạn nên đợi cho đến khi người dùng hoàn tất hành trình.
- Quảng cáo các tính năng phù hợp nhất với người dùng đã đăng ký.
- Hãy cân nhắc thêm một chương trình khuyến mãi cài đặt bổ sung trong các khu vực đã đăng nhập của ứng dụng.
Mẫu quảng cáo nội tuyến
Kỹ thuật quảng cáo nội tuyến lồng ghép quảng cáo với nội dung trang web. Điều này thường tinh tế hơn so với việc quảng bá trong giao diện người dùng, điều này có sự đánh đổi. Bạn muốn quảng cáo của mình đủ nổi bật để người dùng quan tâm sẽ nhận thấy, nhưng không quá nhiều đến mức gây ảnh hưởng xấu đến chất lượng trải nghiệm người dùng.
Trong nguồn cấp dữ liệu
Quảng cáo cài đặt trong nguồn cấp dữ liệu xuất hiện giữa các tin bài hoặc danh sách thẻ thông tin khác trong PWA của bạn.
Mục tiêu của bạn là cho người dùng biết cách truy cập vào nội dung họ thích một cách thuận tiện hơn. Tập trung vào việc quảng bá các tính năng và chức năng hữu ích cho người dùng.
Đảm bảo bạn:
- Giới hạn tần suất chạy các chương trình khuyến mãi để tránh gây khó chịu cho người dùng.
- Cho phép người dùng đóng quảng cáo.
- Ghi nhớ lựa chọn loại bỏ của người dùng.