ฟีเจอร์ของฟีเจอร์ลงชื่อเข้าใช้ด้วย Google

ฟีเจอร์หลักๆ ของฟีเจอร์ลงชื่อเข้าใช้ด้วย Google มีดังนี้ คุณสามารถใช้เครื่องมือสร้างโค้ดเพื่อสร้างโค้ดเพื่อฝัง OneTap, การลงชื่อเข้าใช้อัตโนมัติ และปุ่มลงชื่อเข้าใช้ด้วย Google ลงในหน้าเว็บ

ผู้ใช้สามารถเลือกไม่ใช้การลงชื่อเข้าใช้ของบุคคลที่สามในเบราว์เซอร์ที่รองรับ FedCM ทั่วโลกได้ เมื่อผู้ใช้เลือกไม่ใช้ ฟีเจอร์แตะเดียวและลงชื่อเข้าใช้โดยอัตโนมัติจะใช้งานไม่ได้และจะไม่แสดง

One Tap

เมื่อผู้ใช้เข้าชมเว็บไซต์ หากมีเซสชัน Google ที่ใช้งานอยู่ในเบราว์เซอร์ ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google อาจแจ้งให้ผู้ใช้ลงชื่อเข้าใช้หรือลงชื่อสมัครใช้ในเว็บไซต์ด้วยบัญชี Google ผู้ใช้สามารถลงชื่อเข้าใช้หรือลงชื่อสมัครใช้แบบรวมศูนย์ให้เสร็จสมบูรณ์ได้ด้วยการแตะเพียงครั้งเดียว (สำหรับกรณีเซสชัน Google รายการเดียว) หรือ 2 ครั้ง (เมื่อมีเซสชัน Google หลายรายการ) UX แบบแตะครั้งเดียวช่วยให้ผู้ใช้เข้าสู่ระบบได้อย่างราบรื่น เนื่องจากขั้นตอน UX ทั้งหมดจะดำเนินการใน iframe ที่ฝังอยู่ในหน้าเว็บ

ป๊อปอัป One Tap ที่ขอทั้งความยินยอมและการลงชื่อเข้าใช้ของผู้ใช้

ผู้ใช้สามารถเลือกเลือกไม่ใช้ One Tap ทั่วโลก ในกรณีนี้ บัญชี Google จะไม่แสดงฟีเจอร์แตะครั้งเดียว หากเลือกไม่ใช้บัญชี Google ที่ใช้งานอยู่ทั้งหมด UI การชำระเงินแบบแตะครั้งเดียวจะไม่แสดง

เราขอแนะนำให้ใส่ฟีเจอร์แตะครั้งเดียวทั้งในกล่องโต้ตอบการเข้าสู่ระบบหลักและหน้าเว็บ นักพัฒนาแอปเลือกใช้ One Tap เนื่องด้วยเหตุผลหลายประการ ดังนี้

  • อัตรา Conversion ของผู้ใช้เพิ่มขึ้น ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่พาร์ทเนอร์บางรายของเราใช้ฟีเจอร์แตะครั้งเดียวเพื่อปรับปรุงประสบการณ์การลงชื่อสมัครใช้และลงชื่อเข้าใช้ให้สำเร็จในกรณีศึกษา
  • อนุญาตให้ลงชื่อเข้าใช้และลงชื่อสมัครใช้โดยไม่ต้องเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าลงชื่อเข้าใช้และลงชื่อสมัครใช้โดยเฉพาะ
  • ช่วยให้ผู้ใช้ลงชื่อเข้าใช้และลงชื่อสมัครใช้ในบริบทของเว็บไซต์ได้โดยไม่ต้องออกจากเส้นทางปัจจุบัน
  • ลดจำนวนบัญชีที่ซ้ำกันด้วยข้อความแจ้งที่ปรับเปลี่ยนในแบบของคุณและการลงชื่อเข้าใช้อัตโนมัติเมื่อกลับมาใช้บริการ

การลงชื่อเข้าใช้อัตโนมัติ

เมื่อใช้ฟีเจอร์แตะครั้งเดียว คุณจะเปิดใช้การลงชื่อเข้าใช้อัตโนมัติที่ยกเลิกได้ ซึ่งจะช่วยให้ UX มีประสิทธิภาพมากขึ้นสำหรับผู้ใช้ที่กลับมา ผู้ใช้ไม่จำเป็นต้องทำท่าทางสัมผัสใดๆ เพื่อให้ผู้ใช้ที่กลับมาลงชื่อเข้าใช้เว็บไซต์โดยอัตโนมัติ การลงชื่อเข้าใช้โดยอัตโนมัติจะทริกเกอร์เมื่อมีบัญชี Google ที่ใช้งานอยู่เพียงบัญชีเดียวซึ่งเคยให้ความยินยอมในการแชร์โปรไฟล์บัญชีกับแอปของคุณ

ผู้ใช้สามารถยกเลิกกระบวนการลงชื่อเข้าใช้อัตโนมัติได้ในระยะสั้นๆ เพื่อให้ผู้ใช้ควบคุมและมีความโปร่งใส หากผู้ใช้ยกเลิกการลงชื่อเข้าใช้โดยอัตโนมัติ ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google จะจดจำการตัดสินใจไว้ 1 วันก่อนที่จะเปิดใช้การลงชื่อเข้าใช้โดยอัตโนมัติอีกครั้ง ฟีเจอร์ที่ยกเลิกได้ช่วยให้ผู้ใช้ควบคุมกระบวนการลงชื่อเข้าใช้อัตโนมัติได้มากขึ้น

เมื่อเปิดใช้ FedCM ระบบจะพัก 10 นาทีระหว่างเหตุการณ์การลงชื่อเข้าใช้อัตโนมัติ หากมีการเรียกให้การลงชื่อเข้าใช้โดยอัตโนมัติทำงานในช่วงเวลานี้ ผู้ใช้จะต้องทำตามขั้นตอนการลงชื่อเข้าใช้แบบ One Tap แทนขั้นตอนการลงชื่อเข้าใช้โดยอัตโนมัติ

ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google สําหรับเว็บไม่รองรับการลงชื่อเข้าใช้แบบเงียบ ซึ่งในกรณีนี้ ระบบจะแสดงข้อมูลเข้าสู่ระบบโดยไม่มี UI ใดๆ ผู้ใช้ปลายทางจะเห็น UI บางอย่างเสมอ ไม่ว่าจะเป็นการลงชื่อเข้าใช้ด้วยตนเองหรืออัตโนมัติ เมื่อ Google ส่งข้อมูลเข้าสู่ระบบไปยังบุคคลที่เชื่อถือ ซึ่งจะช่วยปรับปรุงความเป็นส่วนตัวและการควบคุมของผู้ใช้ได้

ข้อความแจ้งให้ลงชื่อเข้าใช้โดยอัตโนมัติของฟีเจอร์ลงชื่อเข้าใช้ด้วย Google One Tap

การเปิดใช้การลงชื่อเข้าใช้อัตโนมัติเป็นการตัดสินใจที่คุณต้องทำโดยพิจารณาจาก UX ของเว็บไซต์ของคุณเอง

ปุ่มลงชื่อเข้าใช้ด้วย Google

ต่างจาก One Tap ที่ผู้ใช้ต้องเรียกใช้โฟลว์ปุ่มลงชื่อเข้าใช้ด้วย Google ด้วยเหตุนี้ Google Sign-In จึงมีเพียง API สำหรับแสดงผลปุ่มเท่านั้น แต่ไม่มี API สำหรับเริ่มขั้นตอนการคลิกปุ่มแบบเป็นโปรแกรม ในฐานะนักพัฒนาซอฟต์แวร์ สิ่งที่คุณต้องทำคือแสดงผลปุ่มลงชื่อเข้าใช้ด้วย Google ในหน้าเว็บ ไลบรารีจะจัดการเวลาที่จะทริกเกอร์ UX ของปุ่มอย่างโปร่งใส

ปุ่มลงชื่อเข้าใช้ที่ไม่ได้ปรับเปลี่ยนในแบบของคุณ

กล่าวคือ ตอนนี้ปุ่มลงชื่อเข้าใช้ด้วย Google ต้องสร้างโดยไลบรารี JavaScript ของ Google Identity Services API การแสดงผลปุ่มช่วยให้คุณปรับแต่งสี รูปร่าง ข้อความ และขนาดเพื่อให้เป็นไปตามข้อกําหนดการสร้างแบรนด์ของเว็บไซต์ได้ ขณะเดียวกันก็ยังคงเป็นไปตามหลักเกณฑ์ของ Google ปุ่มที่เหมือนกันในเว็บไซต์ต่างๆ จะช่วยให้ผู้ใช้จดจำ เชื่อถือ และใช้งานปุ่มเหล่านี้ได้อย่างรวดเร็ว

นอกจากนี้ ระบบยังอาจใช้ข้อมูลโปรไฟล์ผู้ใช้เพื่อแสดงผลปุ่มด้วย ปุ่มที่ปรับเปลี่ยนในแบบของคุณจะแสดงขึ้นก็ต่อเมื่อมีเซสชัน Google ที่ใช้งานอยู่อย่างน้อย 1 รายการซึ่งได้ตรวจสอบสิทธิ์ผู้ใช้ในเว็บไซต์ของคุณก่อนหน้านี้ ปุ่มที่ปรับเปลี่ยนในแบบของคุณจะเตือนผู้ใช้ปลายทางว่าเคยใช้ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google มาก่อน ซึ่งจะช่วยป้องกันการสร้างบัญชีซ้ำที่ไม่จำเป็นในเว็บไซต์ ซึ่งจะเป็นประโยชน์อย่างยิ่งสําหรับผู้ใช้ปลายทางที่เข้าชมเว็บไซต์ของคุณเป็นครั้งคราวเท่านั้น ผู้ใช้อาจลืมวิธีการเข้าสู่ระบบที่ใช้

ปุ่มลงชื่อเข้าใช้ที่ปรับเปลี่ยนในแบบของคุณ

นอกจากปุ่มที่ปรับเปลี่ยนในแบบของคุณแล้ว ปุ่มลงชื่อเข้าใช้ด้วย Google ยังรองรับบัญชี Google ที่มี Family Link และเป็นไปตามนโยบาย Google Workspace ที่ผู้ดูแลระบบขององค์กรกำหนด

ขั้นตอนการใช้ปุ่มลงชื่อเข้าใช้ด้วย Google รองรับโหมด UX แบบป๊อปอัปและการเปลี่ยนเส้นทาง

  • ใน UX ของป๊อปอัป เมื่อคลิกปุ่มลงชื่อเข้าใช้ด้วย Google ระบบจะเปิดหน้าต่างป๊อปอัปใหม่เหนือหน้าเว็บ ระบบจะแสดงผลขั้นตอน UX ของปุ่มในหน้าต่างป๊อปอัป
  • ใน UX การเปลี่ยนเส้นทาง ระบบจะเปลี่ยนเส้นทางทั้งหน้าเว็บหลังจากที่มีการคลิกปุ่มลงชื่อเข้าใช้ด้วย Google การแสดงผล UX ของปุ่มจะแสดงในหน้าต่างเดียวกัน อย่างไรก็ตาม ผู้ใช้จะไม่เห็นหน้าเว็บของคุณอีกต่อไปเมื่อ UX ของปุ่มแสดงขึ้น

ผู้ใช้สามารถเพิกถอนความยินยอมในการแชร์โทเค็นระบุตัวตนได้ ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google มี API สำหรับการเพิกถอนความยินยอมของผู้ใช้แบบเป็นโปรแกรม

คุณไม่จำเป็นต้องใช้โทเค็นการเข้าถึงเพื่อเพิกถอนความยินยอมของผู้ใช้ ซึ่งแตกต่างจากเมธอด revoke() ใน Google Identity Services Authorization API แต่คุณต้องระบุอีเมลหรือรหัสผู้ใช้ Google ของเซสชัน Google เป้าหมาย และควรมีเซสชัน Google ที่ใช้งานอยู่สำหรับบัญชีนั้นในเบราว์เซอร์

การเพิกถอน API จะเพิกถอนการแชร์โทเค็นระบุตัวตนและขอบเขตการให้สิทธิ์อื่นๆ หากเคยให้ไว้ก่อนหน้านี้ การดำเนินการนี้จะมีผลเสมอไม่ว่าคุณจะใช้ API การเพิกถอนใดก็ตาม

เครื่องมือสร้างโค้ด

เครื่องมือสร้างโค้ดเป็นเครื่องมือสําหรับนักพัฒนาซอฟต์แวร์ที่จะช่วยคุณสร้างโค้ดการผสานรวมฝั่งไคลเอ็นต์ เมื่อใช้ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google HTML API คุณอาจไม่จําเป็นต้องใช้โค้ด JavaScript สําหรับการผสานรวมฝั่งไคลเอ็นต์

ขั้นตอนที่ 1: ตั้งค่าโปรแกรมสร้างโค้ด

สําหรับนักพัฒนาซอฟต์แวร์ที่เลือกใช้ JavaScript API เราขอแนะนําให้ใช้เครื่องมือสร้างโค้ดเพื่อออกแบบปุ่มแบบอินเทอร์แอกทีฟ นอกจากนี้ คุณยังสร้างโค้ด HTML ก่อนแล้วคัดลอกโค้ดลงในช่องที่เกี่ยวข้องใน JavaScript API ได้ด้วย