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

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

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

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

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

การลงชื่อเข้าใช้โดยอัตโนมัติจะเกิดขึ้นได้ก็ต่อเมื่อเป็นไปตามเงื่อนไขต่อไปนี้

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

ไม่ใช้ 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();
}

ระบบจะจัดเก็บสถานะที่ออกจากระบบของผู้ใช้ไว้ในคุกกี้ชื่อ g_state ซึ่งตั้งค่าโดยไลบรารี Google Identity Services เพื่อป้องกัน UX แบบวนซ้ำ โดเมนคุกกี้จะตั้งค่าเป็นโดเมนของหน้าปัจจุบันโดยค่าเริ่มต้น หาก One Tap แสดงในโดเมนระดับบนสุดและโดเมนย่อย คุกกี้สถานะต้องแสดงในโดเมนทั้งหมด ใช้แอตทริบิวต์ data-state_cookie_domain เพื่อตั้งค่าโดเมนคุกกี้ g_state เป็นโดเมนระดับบนสุด ตัวอย่างเช่น เพิ่ม data-state_cookie_domain="example.com" ลงในองค์ประกอบ g_id_onload สำหรับ โดเมนระดับบนสุด example.com และโดเมนย่อยชื่อ webapp.example.com

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

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

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

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

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

การใช้ FedCM

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

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

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

ไม่ใช้ FedCM

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

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

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

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

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

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

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