Progresif Web Uygulamanızı (PWA) yüklemek, kullanıcıların uygulamanızı bulup kullanmasını kolaylaştırabilir. Bazı kullanıcılar, tarayıcı tanıtımında bile PWA yükleyebileceklerinin farkında değildir. Bu nedenle, PWA'nızı tanıtmak ve yüklenmesini sağlamak için kullanabileceğiniz bir uygulama içi deneyim sağlamanız faydalı olabilir.
Bu makale her şeyi kapsamasa da PWA'nızın yüklenmesini teşvik etmenin farklı yolları için bir başlangıç noktası sunar. Hangi kalıp veya kalıpları kullanırsanız kullanın, bunların tümü, Kendi uygulama içi yükleme deneyiminizi sağlama konusunda açıklandığı üzere yükleme akışını tetikleyen aynı koda yönlendirir.
En iyi uygulamalar
Sitenizde hangi promosyon kalıplarını kullanırsanız kullanın, geçerli bazı en iyi uygulamalar vardır.
- Promosyonları, kullanıcı yolculuklarının dışında tutun. Örneğin, bir PWA giriş sayfasında, giriş formunun altına harekete geçirici mesajı ve gönder düğmesini yerleştirin. Tanıtım kalıplarının kullanımı, PWA'nızın kullanılabilirliğini azaltır ve etkileşim metriklerinizi olumsuz etkiler.
- Tanıtımı reddetme veya reddetme olanağını ekleyin. Bunu yaparsa kullanıcının tercihini hatırlayın ve yalnızca kullanıcının içeriğinizle ilişkisinde bir değişiklik olduğunda (örneğin, kullanıcının oturum açması veya bir satın alma işlemini tamamlaması) tekrar istekte bulunun.
- Teknikleri PWA'nızın farklı bölümlerinde birleştirin ancak yükleme tanıtımıyla kullanıcıyı bunaltmamaya veya rahatsız etmemeye dikkat edin.
- Promosyonu yalnızca
beforeinstallpromptetkinliği tetiklendikten sonra gösterin.
Otomatik tarayıcı tanıtımı
Belirli ölçütler karşılandığında, çoğu tarayıcı kullanıcıya otomatik olarak Progresif Web Uygulamanızın yüklenebilir olduğunu belirtir. Örneğin, masaüstü Chrome, çok amaçlı adres çubuğunda bir yükle düğmesi gösterir.
Android için Chrome, kullanıcıya mini bir bilgi çubuğu gösterir. Ancak bu, beforeinstallprompt etkinliğinde preventDefault() çağrısıyla önlenebilir.
preventDefault() öğesini çağırmazsanız banner, bir kullanıcı sitenizi ilk ziyaret ettiğinde ve Android'de yüklenebilirlik ölçütlerini karşıladığında gösterilir ve yaklaşık 90 gün sonra tekrar yüklenir.
Kullanıcı arayüzü promosyon kalıpları
Kullanıcı arayüzü tanıtım kalıpları, hemen hemen tüm PWA türleri için kullanılabilir ve sitede gezinme ile banner'lar gibi yerlerde görünebilir. Diğer tüm promosyon kalıplarında olduğu gibi, kullanıcı yolculuğundaki aksamaları en aza indirmek için kullanıcının bağlamını bilmek önemlidir.
Tanıtım kullanıcı arayüzünü ne zaman tetikledikleri konusunda titizlikle düşünen siteler, daha fazla yükleme sayısı elde eder ve yüklemeyle ilgilenmeyen kullanıcıların yolculuklarına müdahale etmekten kaçınır.
Basit yükleme düğmesi
Olası en basit kullanıcı deneyimi, web içeriğinizin uygun bir yerine "Yükle" veya "Uygulamayı indir" düğmesi eklemektir. Düğmenin diğer önemli işlevleri engellemediğinden ve kullanıcının uygulamanızda gezinme deneyiminden uzak olduğundan emin olun.
Düzeltilmiş başlık
Bu, sitenizin başlığının bir parçası olan bir yükleme düğmesidir. Diğer başlık içerikleri genellikle logo ve hamburger menüsü gibi site markalarını içerir. Başlıklar, sitenizin işlevselliğine ve kullanıcı ihtiyaçlarına bağlı olarak position:fixed olabilir veya olmayabilir.
Gerektiğinde kullanıldığında, PWA yüklemesini sitenizin başlığından tanıtmak, en sadık müşterilerinizin deneyiminize geri dönmesini kolaylaştırmanın harika bir yoludur. PWA başlığınızdaki pikseller değerlidir. Bu nedenle, yükleme harekete geçirici mesajınızın uygun boyutta, diğer olası başlık içeriğinden daha önemli ve rahatsız edici olmadığından emin olun.
Aşağıdakilerden emin olun:
beforeinstallpromptetkinleşmediği sürece yükle düğmesini göstermeyin.- Cihazları yüklü kullanım alanınızın değerini kullanıcılarınız için değerlendirin. Promosyonunuzu yalnızca yararlanma olasılığı yüksek kullanıcılara sunmak için seçici hedefleme özelliğini kullanın.
- Değerli başlık alanını verimli bir şekilde kullanın. Başlıkta kullanıcınıza başka neleri sunmanın faydalı olacağını düşünün ve diğer seçeneklere göre yükleme promosyonunun önceliğini ölçün.
Gezinme menüsü
Menüyü açan kullanıcılar, uygulamanızla etkileşim kurduklarını gösterdiğinden, gezinme menüsü uygulamanızın yüklenmesini tanıtmak için mükemmel bir yerdir.
Aşağıdakilerden emin olun:
- Önemli gezinme içeriğini bozmayın. PWA yükleme promosyonunu diğer menü öğelerinin altına yerleştirin.
- Kullanıcının PWA'nızı yüklemekten neden faydalanacağına dair kısa, alakalı bir satış konuşması sunun.
Açılış sayfası
Açılış sayfalarının amacı ürün ve hizmetlerinizi tanıtmaktır. Bu nedenle, PWA'nızı yüklemenin avantajlarını tanıtırken büyük göstermenin uygun olduğu bir yerdir.
Öncelikle sitenizin değer teklifini açıklayın, ardından ziyaretçilere kurulumdan ne elde edeceklerini bildirin.
Aşağıdakilerden emin olun:
- Ziyaretçileriniz için en önemli özelliklere hitap edin ve onları açılış sayfanıza getirmiş olabilecek anahtar kelimeleri vurgulayın.
- Yükleme tanıtımınızı ve harekete geçirici mesajınızın dikkat çekici olmasını sağlayın, ancak bunu yalnızca değer teklifinizi açıkça belirttikten sonra yapın. Sonuçta bu sizin açılış sayfanız.
- Uygulamanızda kullanıcıların en çok vakit geçirdiği bölüme bir yükleme promosyonu eklemeyi düşünün.
Banner'ı yükle
Çoğu kullanıcı mobil deneyimlerde banner'ların yüklenmesiyle karşılaşmıştır ve banner'ın sunduğu etkileşimler hakkında bilgi sahibidir. Banner'lar, kullanıcıyı rahatsız edebileceği için dikkatli kullanılmalıdır.
Aşağıdakilerden emin olun:
- Banner göstermeden önce kullanıcının sitenize ilgi göstermesini bekleyin. Kullanıcı banner'ınızı kapatırsa banner'ı, kullanıcı e-ticaret sitesinden satın alma veya hesaba kaydolma gibi içeriğinizle daha yüksek düzeyde etkileşim belirten bir dönüşüm etkinliği tetiklemediği sürece tekrar göstermeyin.
- PWA'nızı banner'a yüklemenin değeri hakkında kısa bir açıklama sağlayın. Örneğin, kullanıcının cihazında hemen hemen hiç depolama alanı kullanmadığını veya mağaza yönlendirmesi olmadan anında yükleneceğinden bahsederek PWA'nın iOS/Android uygulamasından yüklenmesini ayırt edebilirsiniz.
Geçici kullanıcı arayüzü
Snackbar tasarım deseni gibi geçici kullanıcı arayüzü, kullanıcıyı bilgilendirir ve bir işlemi (bu durumda uygulamayı yükleyerek) kolayca tamamlamasına olanak tanır. Bu tür kullanıcı arayüzü kalıpları, doğru şekilde kullanıldığında kullanıcı akışını kesintiye uğratmaz ve kullanıcı tarafından yoksayılırsa genellikle otomatik olarak kapatılır.
Uygulamanızla birkaç etkileşim kurduktan sonra Snackbar'ı gösterin. Sayfa yüklenirken veya bağlam dışında görünürse kolayca gözden kaçabilir veya bilişsel aşırı yüklenmeye yol açabilir. Böyle bir durumda, kullanıcılar gördükleri her şeyi kapatır. Sitenize gelen yeni kullanıcıların PWA'nızı yüklemeye hazır olmayabileceğini unutmayın. Bu nedenle, bu modeli kullanmadan önce kullanıcıdan güçlü ilgi alanı sinyalleri alana kadar (ör. yinelenen ziyaretler, kullanıcının oturum açması veya benzer bir dönüşüm etkinliği) beklemeniz önerilir.
Aşağıdakilerden emin olun:
- Snackbar'ı 4 ila 7 saniye boyunca gösterin. Bu şekilde, kullanıcılara rahatsız edilmeden görüp yanıt vermeleri için yeterli zaman tanıyın.
- Banner'lar gibi diğer geçici kullanıcı arayüzlerinin üzerinde göstermekten kaçının.
- Bu modeli kullanmadan önce kullanıcıdan güçlü ilgi alanı sinyalleri alana kadar (ör. yinelenen ziyaretler, kullanıcının oturum açması veya benzer dönüşüm etkinliği) bekleyin.
Dönüşümden sonra
Bir kullanıcı dönüşüm etkinliğinden hemen sonra, örneğin bir e-ticaret sitesinden yapılan satın alma işlemi, PWA'nızın yüklenmesini tanıtmak için mükemmel bir fırsat sunar. Kullanıcının içeriğinizle etkileşime girdiği açıkça bellidir ve dönüşüm, genellikle kullanıcının hizmetlerinizle tekrar etkileşimde bulunacağına işaret eder.
Rezervasyon veya ödeme yolculuğu
Rezervasyon veya ödeme akışları gibi sıralı bir yolculuk sırasında ya da sonrasında bir yükleme promosyonu gösterin. Tanıtımı, kullanıcı yolculuğu tamamladıktan sonra gösteriyorsanız yolculuk tamamlandığından reklamın daha belirgin olmasını sağlayabilirsiniz.
Aşağıdakilerden emin olun:
- Alakalı bir harekete geçirici mesaj ekleyin. Uygulamanızı yüklemenin hangi kullanıcılar faydalı olacaktır ve neden? Bu bilgiler, müşterinin mevcut yolculuğuyla ne kadar alakalı?
- Markanızın, uygulamanızı yüklemiş kullanıcılara yönelik benzersiz teklifleri varsa bunlardan bahsedin.
- Promosyonu, yolculuğunuzda sonraki adımlar için kullanmayın. Aksi takdirde yolculuğun tamamlanma oranlarını olumsuz etkileyebilir. Yukarıdaki e-ticaret örneğinde, ödeme için temel harekete geçirici mesajın uygulama yükleme tanıtımının üzerinde olduğuna dikkat edin.
Kaydolma, oturum açma veya çıkış akışı
Bu promosyon, promosyon kartının daha belirgin hale getirilebileceği yolculuk promosyon kalıbına özel bir durumdur.
Bu sayfalar genellikle yalnızca PWA'nızın değer teklifinin önceden tanımlanmış olduğu ve etkileşimde bulunan kullanıcılar tarafından görüntülenir. Ayrıca genellikle bu sayfalara yerleştirilebilecek başka çok fazla yararlı içerik de olmaz. Sonuç olarak, rahatsız edici olmadığı sürece daha büyük bir harekete geçirici mesaj oluşturmak daha az rahatsız edici olur.
Aşağıdakilerden emin olun:
- Kullanıcının kayıt formundaki yolculuğunu kesintiye uğratmaktan kaçının. Bu çok adımlı bir işlemse kullanıcı yolculuğu tamamlayana kadar beklemek isteyebilirsiniz.
- Kayıtlı bir kullanıcıya en alakalı özellikleri tanıtın.
- Uygulamanızın oturum açtığınız alanlara ek bir yükleme promosyonu eklemeniz önerilir.
Satır içi promosyon kalıpları
Satır içi promosyon teknikleri, promosyonları site içeriğiyle birlikte birleştirir. Bu, genellikle kullanıcı arayüzünde denge gerektiren tanıtımdan daha incedir. Tanıtımınızın, ilgilenen kullanıcıların fark edecek kadar öne çıkmasını, ancak kullanıcı deneyiminizin kalitesini düşürecek kadar dikkat çekmesini istemezsiniz.
Feed içi
Feed içi yükleme promosyonu, PWA'nızdaki haber makaleleri veya diğer bilgi kartı listelerinin arasında görünür.
Amacınız, kullanıcılara beğendikleri içeriklere nasıl daha rahat ulaşabileceklerini göstermektir. Kullanıcılarınıza faydalı olacak özellikleri ve işlevleri tanıtmaya odaklanın.
Aşağıdakilerden emin olun:
- Kullanıcıları rahatsız etmemek için promosyonların sıklığını sınırlayın.
- Kullanıcılarınıza promosyonları kapatma olanağı sunun.
- Kullanıcınızın reddetme seçimini hatırlayın.