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

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

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

One Tap

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

โปรแกรมสร้างโค้ด

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

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

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