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