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

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

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

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

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

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

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