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

หน้านี้จะอธิบายวิธีใช้ฟีเจอร์ที่เกี่ยวข้องกับวิธีที่ผู้ใช้ลงชื่อเข้าใช้หรือออกจากระบบด้วย 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 ลดลง

สำหรับหน้าเว็บที่เปิดใช้การลงชื่อเข้าใช้โดยอัตโนมัติและหากตรงกับเงื่อนไขเหล่านี้ ระบบจะแสดงข้อมูลเข้าสู่ระบบโทเค็นรหัสผู้เข้าชมโดยอัตโนมัติโดยไม่มีการโต้ตอบจากผู้ใช้ หากไม่ตรงตามเงื่อนไขเหล่านี้ และแม้ว่าจะเปิดใช้การลงชื่อเข้าใช้โดยอัตโนมัติในหน้าเว็บแล้ว ผู้ใช้จะใช้ขั้นตอน One Tap เป็นขั้นตอนสำหรับการลงชื่อเข้าใช้หรือขอความยินยอมเป็นค่าเริ่มต้น หากผู้ใช้มีบัญชี 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 เพื่อยกเลิกภายใน 5 วินาที ระบบจะแชร์โทเค็นรหัสกับเว็บไซต์

ไม่มี FedCM

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

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

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

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

    การใช้ FedCM

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

    ไม่มี FedCM

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

  • เซสชันเดียวของ Google

    การใช้ FedCM

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

    ไม่มี FedCM

    หน้าผู้ใช้ที่กลับมาด้วย One Tap