ข้อมูลเบื้องต้นเกี่ยวกับ Progressive Web App และแถบข้อมูลขนาดเล็ก
Progressive Web App (PWA) คือรูปแบบการสร้างเว็บไซต์ที่มีลักษณะการใช้งานคล้ายกับแอป โหลดทันที เชื่อถือได้ และติดตั้งได้
เมื่อ PWA ผ่านรายการตรวจสอบความสามารถในการติดตั้งใน Android กล่องโต้ตอบระบบ Chrome ที่ชื่อแถบข้อมูลขนาดเล็กจะปรากฏที่ด้านล่างของหน้าต่างเบราว์เซอร์
ปัจจุบันแถบข้อมูลขนาดเล็ก "เพิ่มลงในหน้าจอหลัก" จะแสดงขึ้นพร้อมกันกับเหตุการณ์ beforeinstallprompt
การเปลี่ยนแปลงใน Chrome 76
เรารับฟังความคิดเห็นจากชุมชนมาอย่างต่อเนื่อง และสิ่งที่ได้ยินคือนักพัฒนาแอปต้องการควบคุมเวลาที่จะขอให้ผู้ใช้ติดตั้ง PWA ได้มากขึ้น และเราก็อยากจะตอบรับเสียงเรียกร้องเหล่านั้น
ตั้งแต่ Chrome 76 เป็นต้นไป คุณสามารถป้องกันไม่ให้แสดงแถบข้อมูลขนาดเล็กได้โดยเรียกใช้ preventDefault() ในเหตุการณ์ beforeinstallprompt
เหตุการณ์ beforeinstallprompt ช่วยในการโปรโมตการติดตั้งเว็บแอปแบบโปรเกรสซีฟ ซึ่งช่วยให้ผู้ใช้เพิ่มแอปลงในหน้าจอหลักได้ง่ายๆ
ชุมชนของเราได้แชร์ว่าผู้ใช้ที่ติดตั้ง PWA ไว้ในหน้าจอหลักมีส่วนร่วมอย่างมาก โดยมีการเข้าชมซ้ำ เวลาที่ใช้ในแอป และอัตรา Conversion ที่สูงขึ้น (หากมี)
หากต้องการโปรโมตเว็บแอปโดยไม่ใช้แถบข้อมูลขนาดเล็ก ให้รอเหตุการณ์ beforeinstallprompt แล้วบันทึกเหตุการณ์ ถัดไป ให้อัปเดตอินเทอร์เฟซผู้ใช้เพื่อระบุว่าผู้ใช้สามารถติดตั้ง PWA ได้ เช่น เพิ่มปุ่มติดตั้ง แสดงแบนเนอร์สำหรับติดตั้ง ใช้โปรโมชันในฟีด หรือตัวเลือกเมนู เมื่อผู้ใช้คลิกองค์ประกอบการติดตั้ง ให้เรียกใช้ prompt() ในเหตุการณ์ beforeinstallprompt ที่บันทึกไว้เพื่อแสดงกล่องโต้ตอบแบบโมดัล "เพิ่มลงในหน้าจอหลัก"
อนาคตของแถบข้อมูลขนาดเล็ก "เพิ่มลงในหน้าจอหลัก"
การใช้ Infobar เพิ่มลงในหน้าจอหลักยังเป็นมาตรการชั่วคราว เรากำลังทดสอบรูปแบบ UI ใหม่ที่จะช่วยให้ผู้ใช้ Progressive Web App ติดตั้งแอปต่อไปได้ และดำเนินการในลักษณะที่ลดความยุ่งเหยิงในประสบการณ์การท่องเว็บ