Progresif Web Uygulamaları ve mini bilgi çubuğu ile ilgili arka plan
Progresif Web Uygulamaları (PWA); uygulama benzeri, anında yüklenen, güvenilir ve yüklenebilir web siteleri oluşturmaya yarayan bir kalıptır.
PWA'nız Android'de yüklenebilirlik kontrol listesini geçtiğinde, tarayıcı penceresinin alt kısmında mini bilgi çubuğu adı verilen bir Chrome sistem iletişim kutusu görünür.
Şu anda Ana ekrana ekle mini bilgi çubuğu, beforeinstallprompt etkinliğiyle aynı anda gösterilmektedir.
Chrome 76'daki değişiklikler
Topluluğumuzu dinliyoruz ve geliştiricilerin kullanıcılardan PWA'yı ne zaman yüklemelerini isteyebilecekleri konusunda daha fazla kontrole sahip olmak istediklerini öğrendik. Sizi dinledik!
Chrome 76'dan itibaren beforeinstallprompt etkinliğinde preventDefault() yöntemini çağırarak mini bilgi çubuğunu engelleyebilirsiniz.
beforeinstallprompt etkinliği, progresif web uygulamanızın yüklenmesini tanıtmanıza yardımcı olarak kullanıcıların bu uygulamayı ana ekranlarına eklemesini kolaylaştırabilir.
Topluluğumuz, ana ekrana PWA yükleyen kullanıcıların yüksek
etkileşime sahip olduğunu, daha fazla tekrarlı ziyaret gerçekleştirdiğini, uygulamada daha fazla zaman geçirdiğini ve uygun olduğunda
daha yüksek dönüşüm oranlarına sahip olduğunu belirtti.
Mini bilgi çubuğu olmadan web uygulamanızı tanıtmak için beforeinstallprompt etkinliğini dinleyin, ardından etkinliği kaydedin. Ardından, kullanıcı arayüzünüzü güncelleyerek PWA'nızın yüklenebileceğini belirtin. Örneğin, bir yükleme düğmesi ekleyerek, bir yükleme banner'ı göstererek, feed içi tanıtımlar kullanarak veya bir menü seçeneği kullanarak. Kullanıcı yükleme öğesini tıkladığında, ana ekrana ekle kalıcı iletişim kutusunun gösterilmesi için kaydedilen beforeinstallprompt etkinliğinde prompt() yöntemini çağırın.
Geleceği Ana Ekrana Ekle mini bilgi çubuğu
Ana ekrana ekle bilgi çubuğunun kullanımı hâlâ geçici bir çözümdür. Progresif Web Uygulaması kullanıcılarına yükleme olanağı vermeye devam edecek ve bunu göz atma deneyimindeki karmaşayı azaltacak şekilde yapacak yeni kullanıcı arayüzü kalıplarıyla deniyoruz.