Uygulama İçi 'Yenilikler' Gömülü Bileşeni: Mimari ve En İyi Pratikler
SaaS uygulamanızın içine tek satır script ile gömülebilen, okunmadı rozetli 'Yenilikler' (What's New) bileşeninin teknik mimarisi.
Soobrief Ekibi — Ürün ve Mühendislik, Sooapps ·
Kısaca
Uygulama içi 'Yenilikler' gömülü bileşeni, tek satırlık hafif bir script etiketiyle herhangi bir web uygulamasına özelleştirilebilir changelog modalı ve okunmadı rozeti ekler. İzole iframe veya shadow DOM ile çalışarak ana sitenin stillerini bozmadan son sürümleri kullanıcılara sunar.
Uygulama içi 'Yenilikler' gömülü bileşeni, tek satırlık hafif bir script etiketiyle herhangi bir web uygulamasına özelleştirilebilir changelog modalı ve okunmadı rozeti ekler. İzole iframe veya shadow DOM ile çalışarak ana sitenin stillerini bozmadan son sürümleri kullanıcılara sunar.
Changelog'u sadece bir blog sayfasında yayınlamak, aktif kullanıcılarınızın büyük bölümünün bu yenilikleri kaçırmasına neden olur. Ürününüzün içine yerleştirilen küçük bir bildirim zili, yeni özelliklerin kullanım oranını doğrudan artırır.
1. Tek Satır Script Entegrasyonu
Web sitenizin </body> etiketinden önce şu kodu eklemeniz yeterlidir:
<script src="https://api.soobrief.com/v1/public/widgets/ANAHTAR/script.js" async></script>
2. Okunmadı Rozet Mantığı
Kullanıcı güncellemeleri okuduğunda localStorage üzerine son okuma tarihi yazılır. Yeni bir bülten yayınlanana kadar rozet sessiz kalır, böylece kullanıcı rahatsız edilmez.