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

Progresif web uygulamaları (PWA), uygulama benzeri, anında yüklenen, güvenilir ve yüklenebilir web siteleri oluşturma kalıbıdı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.

Bugün, ana ekrana ekleme mini bilgi çubuğu, beforeinstallprompt etkinliğiyle aynı anda gösteriliyor.

Chrome 76'daki değişiklikler

Topluluğumuzu dinledik ve geliştiricilerin, kullanıcılardan ne zaman PWA yüklemelerini isteyecekleri konusunda daha fazla kontrol sahibi olmak istediklerini öğrendik. Sizi dinledik!

Chrome 76'dan itibaren, beforeinstallprompt etkinliğinde preventDefault() işlevini çağırarak mini bilgi çubuğunu engelleyebilirsiniz.

beforeinstallprompt etkinliği, ilerleyici web uygulamanızın yüklenmesini tanıtmanıza yardımcı olabilir ve kullanıcıların uygulamayı ana ekranlarına eklemesini kolaylaştırabilir. Topluluğumuz, ana ekrana PWA yükleyen kullanıcıların yüksek düzeyde etkileşimde bulunduğunu, uygulamayı daha sık ziyaret ettiğini, uygulamada daha fazla zaman geçirdiğini ve uygun durumlarda daha yüksek dönüşüm oranları elde ettiğini paylaştı.

Pinterest'in, PWA'sının yüklenebilirliğ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ığına dair örnek. Kod örnekleri ve diğer en iyi uygulamalar da dahil olmak üzere ana ekrana ekleme akışıyla ilgili tüm ayrıntılar için Ana Ekrana Ekleme 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 ekleyebilir, yükleme banner'ı gösterebilir, feed içi tanıtımlar veya bir menü seçeneği kullanabilirsiniz. Kullanıcı yükleme öğesini tıkladığında, ana ekrana ekleme modal iletişim kutusunu göstermek için kaydedilen prompt() on beforeinstallprompt etkinliğini çağırın.

Ana ekrana ekle mini bilgi çubuğunun geleceği

Ana ekrana ekle bilgi çubuğunun kullanımı hâlâ geçici bir önlemdir. Aşamalı web uygulaması kullanıcılarına yükleme olanağı sunmaya devam edecek ve tarama deneyimindeki karmaşayı azaltacak yeni kullanıcı arayüzü kalıpları üzerinde denemeler yapıyoruz.