Các mẫu quảng cáo việc cài đặt PWA

Mustafa Kurtuldu

Penny McLachlan

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 bạn quảng bá trên trình duyệt, một số người dùng vẫn không nhận ra rằng họ có thể cài đặt PWA. Vì vậy, bạn nên cung cấp trải nghiệm trong ứng dụng để quảng bá và cho phép cài đặt PWA.

Bài viết này không phải là toàn diện, nhưng là điểm xuất phát cho nhiều cách để thúc đẩy 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 ghi lại trong bài viết 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 sẽ áp dụng bất kể mẫu quảng cáo nào bạn đang sử dụng trên trang web của mình.

• Đưa chương trình khuyến mãi ra khỏ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 các mẫu quảng bá gây gián đoạn 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.
• Cung cấp khả năng đóng hoặc từ chối chương trình khuyến mãi. Hãy ghi 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ệ của người dùng với nội dung của bạn, chẳng hạn như nếu họ đã đăng nhập hoặc hoàn tấ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 làm người dùng quá tải hoặc khó chịu với hoạt động quảng bá 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 trình duyệt sẽ tự động cho 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. Ví dụ: Chrome dành cho máy tính hiển thị một nút cài đặt trong hộp tìm kiếm đa năng.

Chrome cho Android 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 việc này bằng cách gọi preventDefault() trên sự kiện beforeinstallprompt. Nếu bạn không gọi preventDefault(), thì 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, sau đó xuất hiện lại sau khoảng 90 ngày.

Mẫu quảng bá trên giao diện người dùng

Bạn có thể sử dụng mẫu quảng bá giao diện người dùng cho hầu hết mọi loại PWA và xuất hiện ở những nơi như thanh điều hướng trang web và biểu ngữ. Giống như mọi loại mẫu quảng bá khác, điều quan trọng là bạn phải nắm được bối cảnh của người dùng để giảm thiểu sự gián đoạn trong hành trình của họ.

Những trang web cân nhắc thời điểm kích hoạt giao diện người dùng quảng bá sẽ đạt được số lượt cài đặt lớn hơn và tránh làm gián đoạn hành trình của những 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à bao gồm nút "Cài đặt" hoặc "Tải ứng dụng" tại vị trí thích hợp trong nội dung trên web của bạn. Hãy đảm bảo rằng nút này không chặn chức năng quan trọng khác và ngăn hành trình của người dùng qua ứng dụng.

Tiêu đề cố định

Đây là nút cài đặt nằm trong tiêu đề của trang web. Nội dung tiêu đề khác thường bao gồm thương hiệu trang web, chẳng hạn như biểu trưng và trình đơn dạng bánh hamburger. 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 hay để giúp những khách hàng trung thành nhất của bạn dễ dàng quay lại trải nghiệm của bạn. Mỗi pixel trong tiêu đề PWA đều rất quý giá, vì vậy, hãy đảm bảo rằng lời kêu gọi cài đặt của bạn có kích thước phù hợp, quan trọng hơn nội dung tiêu đề khác có thể có và không gây phiền toái.

Đảm bảo bạn:

• Không hiện 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 sau khi cài đặt cho người dùng. Hãy cân nhắc việc sử dụng tính năng 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 hưởng lợi từ chương trình đó.
• Sử dụng hiệu quả không gian tiêu đề quý giá. Hãy cân nhắc những lợi ích khác khi cung cấp cho người dùng 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à một nơi tuyệt vời để quảng bá việc cài đặt ứng dụng của bạn vì những người dùng mở trình đơn sẽ 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 một nội dung ngắn, phù hợp về lý do người dùng sẽ được hưởng lợi khi 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à một nơi thích hợp để quảng bá rộng rãi về lợi ích của việc cài đặt PWA.

Trước tiên, hãy giải thích tuyên bố giá trị của trang web, sau đó cho khách truy cập biết những lợi ích họ sẽ nhận được khi cài đặt.

Đảm bảo bạn:

• Giới thiệu những tính năng quan trọng nhất đối với khách truy cập và nhấn mạnh các từ khoá có thể đã đưa họ đến trang đích của bạn.
• Hãy làm cho quảng cáo cài đặt và lời kêu gọi hành động của bạn trở nên bắt mắt, nhưng chỉ sau khi bạn nêu rõ tuyên bố giá trị của mình. Đây là trang đích của bạn.
• Cân nhắc việc thêm quảng cáo 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 đều đã gặp biểu ngữ cài đặt trong trải nghiệm trên thiết bị di động và quen thuộc với các hoạt động tương tác mà biểu ngữ cung cấp. Bạn nên 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:

• Hãy đợi 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ữ, đừ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ư một giao dịch mua trên trang web thương mại điện tử hoặc đăng ký một 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 ứng dụng iOS/Android bằng cách đề cập rằng PWA hầu như không sử dụng bộ nhớ trên thiết bị của người dùng hoặc sẽ cài đặt ngay lập tức mà không cần chuyển hướng đến 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, sẽ thông báo cho người dùng và cho phép họ dễ dàng hoàn tất một thao tác, trong trường hợp này là cài đặt ứng dụng. Khi được sử dụng đúng cách, những loại mẫu giao diện người dùng này sẽ không làm gián đoạn luồng người dùng và thường tự động đóng nếu người dùng bỏ qua.

Hiển thị thanh thông báo nhanh sau một vài lượt tương tác với ứng dụng. Nếu thanh thông báo nhanh xuất hiện khi tải trang hoặc không phù hợp với ngữ cảnh, người dùng có thể dễ dàng bỏ lỡ hoặc dẫn đến tình trạng quá tải nhận thức. Khi điều này xảy ra, người dùng sẽ chỉ cần đóng mọi thứ họ nhìn thấy. Hãy nhớ rằng người dùng mới truy cập vào trang web của bạn có thể chưa sẵn sàng cài đặt PWA. Do đó, bạn nên đợi cho đến khi người dùng nhận được tín hiệu rõ ràng về mối quan tâm 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à bày tỏ cảm xúc với thanh thông báo nhanh mà không gây cản trở.
• Tránh hiển thị giao diện này trên giao diện người dùng tạm thời khác như biểu ngữ, v.v.
• Hãy chờ cho đến khi bạn nhận được tín hiệu rõ ràng về mối quan tâm của 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ự.

Sau khi chuyển đổi

Ngay sau một sự kiện chuyển đổi của người dùng, chẳng hạn như sau một giao dịch mua trên trang web thương mại điện tử, là cơ hội tuyệt vời để quảng bá việc cài đặt PWA. Người dùng rõ ràng đã tương tác với nội dung của bạn và một lượt chuyển đổi thường cho thấy rằng người dùng sẽ tương tác lại với các dịch vụ của bạn.

Quy 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 nổi bật chương trình khuyến mãi hơn vì hành trình đã hoàn tất.

Đảm bảo bạn:

• Đưa ra lời kêu gọi hành động phù hợp. Những 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? Sản phẩm đó liên quan đến hành trình của họ như thế nào?
• Nếu thương hiệu của bạn có ưu đãi riêng cho người dùng đã cài đặt ứng dụng, hãy đề cập đến những ưu đãi đó.
• Đừng để chương trình khuyến mãi làm ảnh hưởng đến các bước tiếp theo trong hành trình, nếu không, bạn 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 chính để thanh toán nằm phía trên quảng cáo lượt 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 bá hành trình, trong đó thẻ khuyến mãi có thể nổi bật hơn.

Những trang này thường chỉ được người dùng tương tác xem, trong đó đề xuất giá trị của PWA đã được thiết lập. Thường thì cũ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 tạo lời kêu gọi hành động lớn hơn sẽ ít gây phiền toái hơn, miễn là lời kêu gọi đó không gây cản trở.

Đả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 đó 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 bá những tính năng phù hợp nhất với người dùng đã đăng ký.
• Cân nhắc thêm một chương trình khuyến mãi cài đặt khác trong các khu vực đã đăng nhập của ứng dụng.

Mẫu quảng cáo cùng dòng

Kỹ thuật quảng bá cùng dòng kết hợp nội dung quảng bá với nội dung trang web. Điều này thường tinh tế hơn so với hoạt động quảng bá trong giao diện người dùng, có sự đánh đổi. Bạn muốn quảng cáo của mình đủ nổi bật để những người dùng quan tâm có thể nhận thấy, nhưng không làm giảm 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 bài tin tức 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à hướng dẫn người dùng cách truy cập nội dung họ đang thưởng thức 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 của bạn.

Đảm bảo bạn:

• Giới hạn tần suất xuất hiện của 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 các chương trình khuyến mãi.
• Ghi nhớ lựa chọn đóng của người dùng.