Progressive Web App ติดตั้งง่ายด้วยปุ่มติดตั้งใหม่ในแถบที่อยู่ของ Chrome (แถบอเนกประสงค์)
ในเดสก์ท็อป โดยทั่วไปแล้ว จะไม่มีตัวบ่งชี้ให้ผู้ใช้ทราบว่า Progressive Web แอปนี้ติดตั้งได้ และหากใช่ ขั้นตอนการติดตั้งจะซ่อนไว้ภายใน จุด
เราช่วยให้ผู้ใช้ติดตั้งได้ง่ายขึ้นใน Chrome 76 (เบต้าช่วงกลางเดือนมิถุนายน 2019) Progressive Web App ในเดสก์ท็อปด้วยการเพิ่มปุ่มติดตั้งในที่อยู่ (แถบอเนกประสงค์) หากเว็บไซต์เป็นไปตาม เกณฑ์ความสามารถในการติดตั้ง Progressive Web App Chrome จะแสดงไอคอนติดตั้งในแถบที่อยู่โดยอัตโนมัติ เมื่อคลิก พร้อมแจ้งให้ผู้ใช้ติดตั้ง PWA
คุณฟัง appinstalled ได้เช่นเดียวกับเหตุการณ์การติดตั้งอื่นๆ
ให้ตรวจหาว่าผู้ใช้ติดตั้ง PWA หรือไม่
การเพิ่มข้อความแจ้งให้ติดตั้งของคุณเอง
หาก PWA ของคุณมีกรณีการใช้งานที่เป็นประโยชน์ต่อผู้ใช้ในการติดตั้งแอปของคุณ ตัวอย่างเช่น หากคุณมีผู้ใช้ที่ใช้แอป มากกว่า 1 ครั้งต่อสัปดาห์ ควรโปรโมตการติดตั้ง PWA ภายใน UI เว็บของแอป
หากต้องการเพิ่มปุ่มติดตั้งที่กำหนดเองของคุณ ให้ฟัง
beforeinstallprompt เมื่อมีการเริ่มทำงาน
บันทึกการอ้างอิงกิจกรรม และอัปเดตอินเทอร์เฟซผู้ใช้เพื่อให้ผู้ใช้
รู้ว่าติดตั้ง Progressive Web App ได้
รูปแบบสำหรับโปรโมตการติดตั้ง PWA
การโปรโมตการติดตั้ง PWA ทำได้ 3 วิธีหลักๆ ดังนี้
- การโปรโมตเบราว์เซอร์อัตโนมัติ เช่น ปุ่มติดตั้งแถบที่อยู่
- การโปรโมต UI แอปพลิเคชัน ซึ่งองค์ประกอบ UI จะปรากฏในแอปพลิเคชัน เช่น แบนเนอร์ ปุ่มในส่วนหัวหรือเมนูการนำทาง เป็นต้น
- รูปแบบการโปรโมตในบรรทัดจะผสานรวมโปรโมชันภายในเนื้อหาเว็บไซต์
ดูรูปแบบสำหรับการโปรโมตการติดตั้ง PWA (อุปกรณ์เคลื่อนที่) เพื่อดูรายละเอียดเพิ่มเติม แพลตฟอร์มนี้มุ่งเน้นที่อุปกรณ์เคลื่อนที่ แต่ก็มีหลายรูปแบบที่นำไปใช้ได้ สำหรับเดสก์ท็อป หรือแก้ไขได้ง่ายให้ทำงานสำหรับประสบการณ์การใช้งานบนเดสก์ท็อป