Chrome 76'da Ana ekrana ekle mini bilgi çubuğunu gizleyebilirsiniz

Penny McLachlan
Penny McLachlan

Progresif web uygulamaları ve mini bilgi çubuğu hakkında bilgi

Progresif Web Uygulamaları (PWA), uygulama benzeri, anında yüklenen, güvenilir ve yüklenebilir web siteleri oluşturmaya yönelik bir kalıptır.

PWA'nız Android'de yüklenebilirlik yapılacaklar listesini geçtiğinde, tarayıcı penceresinin alt kısmında mini bilgi çubuğu adlı bir Chrome sistem iletişim kutusu görünür.

Ana ekrana ekle mini bilgi çubuğu, bugün beforeinstallprompt etkinliğiyle aynı anda gösterilir.

Chrome 76'taki değişiklikler

Topluluğumuzun görüşlerini dinliyoruz. Geliştiricilerin, kullanıcılardan ne zaman PWA yüklemelerini isteyecekleri konusunda daha fazla kontrole sahip olmak istediklerini öğrendik. Sizi dinledik!

Chrome 76'dan itibaren beforeinstallprompt etkinliğinde preventDefault() çağrısını yaparak mini bilgi çubuğunu önleyebilirsiniz.

beforeinstallprompt etkinliği, kullanıcıların ana ekranlarına eklemesini kolaylaştırarak aşamalı web uygulamanızın yüklenmesini tanıtmanıza yardımcı olabilir. Topluluğumuz, ana ekrana PWA yükleyen kullanıcıların daha fazla tekrar ziyaret, uygulamada daha fazla süre geçirme ve uygun olduğunda daha yüksek dönüşüm oranları ile yüksek düzeyde etkileşimde bulunduğunu paylaşmıştır.

Pinterest'in PWA'sının yüklenilebilirliğini tanıtmak için yükleme banner'ı kullandığı örnek.
Pinterest'in PWA'sının yüklenebilirliğini tanıtmak için yükleme banner'ı kullandığı örnek. Ana ekrana ekleme akışı ile ilgili tüm ayrıntılar (kod örnekleri ve diğer en iyi uygulamalar dahil) için Ana ekrana ekle başlıklı makaleyi inceleyin.

Web uygulamanızı mini bilgi çubuğu olmadan tanıtmak için beforeinstallprompt etkinliğini dinleyin ve etkinliği kaydedin. Ardından, kullanıcı arayüzünüzü PWA'nızın yüklenebileceğini belirtecek şekilde güncelleyin. Örneğin, yükleme düğmesi ekleyerek, yükleme banner'ı göstererek, feed içi promosyonlar kullanarak veya menü seçeneği ekleyerek bunu yapabilirsiniz. Kullanıcı yükleme öğesini tıkladığında, ana ekrana ekle modal iletişim kutusunu göstermek için kayıtlı beforeinstallprompt etkinliğinde prompt() işlevini çağırın.

Ana ekrana ekle mini bilgi çubuğu'nun geleceği

Ana ekrana ekle bilgi çubuğu hâlâ geçici bir önlemdir. Progressive Web App kullanıcılarına yükleme olanağı sunmaya devam edecek ve bunu tarama deneyimindeki dağınıklığı azaltacak şekilde yapacak yeni kullanıcı arayüzü kalıplarıyla denemeler yapıyoruz.