Progressive Web App ติดตั้งได้ง่ายด้วยปุ่มติดตั้งใหม่ในแถบที่อยู่ (แถบอเนกประสงค์) ของ Chrome
ในเดสก์ท็อป โดยทั่วไปจะไม่มีการบ่งชี้ให้ผู้ใช้ทราบว่า Progressive Web App ติดตั้งได้ และหากติดตั้งได้ ขั้นตอนการติดตั้งจะซ่อนอยู่ในเมนู 3 จุด
ใน 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 (อุปกรณ์เคลื่อนที่) โดยจะเน้นที่อุปกรณ์เคลื่อนที่ แต่รูปแบบจำนวนมากก็ใช้ได้กับเดสก์ท็อป หรือสามารถปรับเปลี่ยนให้เหมาะกับประสบการณ์การใช้งานบนเดสก์ท็อปได้อย่างง่ายดาย