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

หน้านี้จะอธิบายวิธีใช้ฟีเจอร์ที่เกี่ยวข้องกับวิธีที่ผู้ใช้ลงชื่อเข้าใช้หรือออกจากระบบด้วย Google One Tap

ลงชื่อเข้าใช้ให้ผู้ใช้โดยอัตโนมัติ

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

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

หากต้องการให้มีการลงชื่อเข้าใช้โดยอัตโนมัติ คุณต้องปฏิบัติตามเงื่อนไขต่อไปนี้

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

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

คุณอาจวัดอัตราความสำเร็จของการลงชื่อเข้าใช้โดยอัตโนมัติโดยใช้ค่า auto ในช่อง select_by ของออบเจ็กต์ข้อมูลเข้าสู่ระบบที่แสดงผล

หากต้องการเปิดใช้การลงชื่อเข้าใช้โดยอัตโนมัติ ให้เพิ่ม data-auto_select="true" ลงในโค้ดดังที่แสดงในข้อมูลโค้ดต่อไปนี้

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-auto_select="true">
</div>

ออกจากระบบ

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

การใช้ FedCM

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

ไม่มี FedCM

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

<div class="g_id_signout">Sign Out</div>

ข้อมูลโค้ด JavaScript ต่อไปนี้ใช้ในการออกจากระบบได้ด้วย

const button = document.getElementById('signout_button');
button.onclick = () => {
  google.accounts.id.disableAutoSelect();
}

ดังนั้น สถานะ "ออกจากระบบ" จะได้รับการบันทึกผ่านคุกกี้ในโดเมนเพื่อหลีกเลี่ยงการเกิด UX ที่วนซ้ำค้าง

สถานะการออกจากระบบจะจัดเก็บอยู่ในคุกกี้ g_state ในโดเมนของคุณ หากคุณมีบริการที่ตรวจสอบคุกกี้ทั้งหมดที่ใช้ในโดเมน คุณต้องแจ้งให้บุคคลเหล่านั้นทราบเกี่ยวกับคุกกี้นี้

หากไม่ต้องการโหลดไลบรารีของไคลเอ็นต์ในหน้าหลังการเข้าสู่ระบบ ให้ใช้โซลูชันเหล่านี้เพื่อป้องกัน UX แบบวนซ้ำหลังจากออกจากระบบแล้ว

  • เมื่อออกจากระบบ ให้เปลี่ยนเส้นทางผู้ใช้ไปยังหน้าเว็บ (เช่น https://example.com/logged_out) ที่ไม่แสดง One Tap หรือที่ปิดใช้งานการลงชื่อเข้าใช้อัตโนมัติเสมอ
  • เมื่อออกจากระบบ ให้เพิ่มพารามิเตอร์ลงใน URL เช่น logged_out=1 เมื่อแสดงผล One Tap by JavaScript API ให้ตรวจสอบพารามิเตอร์ของ URL และปิดใช้การลงชื่อเข้าใช้อัตโนมัติเมื่อแสดง

เส้นทางสำคัญของผู้ใช้

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

การใช้ FedCM

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

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

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

ไม่มี FedCM

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

หากผู้ใช้ไม่คลิกปุ่มยกเลิกภายใน 5 วินาที ระบบจะแชร์โทเค็นรหัสกับเว็บไซต์

เมื่อมีการยกเลิกการลงชื่อเข้าใช้ หน้าตัวเลือกบัญชีหรือหน้าผู้ใช้ที่กลับมาจะแสดงขึ้นตามจำนวนเซสชันของ Google ที่มีการใช้งาน

  • เซสชัน Google หลายรายการ

หน้าตัวเลือกบัญชีผู้ใช้

  • เซสชัน Google รายการเดียว

หน้าผู้ใช้ที่กลับมาด้วยการแตะเพียงครั้งเดียว