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

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

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

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

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

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