ใช้ JavaScript API

หากต้องการ คุณสามารถใช้เฉพาะโค้ด JavaScript เพื่อทริกเกอร์ข้อความแจ้งแบบแตะครั้งเดียวหรือแสดงผลปุ่มลงชื่อเข้าใช้ด้วย Google

หากต้องการกำหนดค่าข้อความแจ้งแบบแตะครั้งเดียวใน JavaScript คุณต้องเรียกใช้เมธอด initialize() ก่อน จากนั้นเรียกใช้เมธอด prompt() เพื่อแสดงพรอมต์ UI ดูข้อมูลโค้ดต่อไปนี้

<script>
  window
.onload = function () {
    google
.accounts.id.initialize({
      client_id
: 'YOUR_GOOGLE_CLIENT_ID',
      callback
: handleCredentialResponse
   
});
    google
.accounts.id.prompt();
 
}
</script>

หากต้องการรับการแจ้งเตือนสถานะ UI แบบพรอมต์ ให้ระบุฟังก์ชันการเรียกกลับไปยังเมธอด prompt() ดูข้อมูลโค้ดต่อไปนี้

<script>
  window
.onload = function () {
    google
.accounts.id.initialize({
      client_id
: 'YOUR_GOOGLE_CLIENT_ID',
      callback
: handleCredentialResponse
   
});
    google
.accounts.id.prompt((notification) => {
       
if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
           
// try next provider if OneTap is not displayed or skipped
       
}
   
});
 
}
</script>

โค้ดตัวอย่างด้านล่างแสดงวิธีแสดงผลทั้งปุ่มแตะเดียวและปุ่มลงชื่อเข้าใช้ด้วย Google ใน JavaScript

<script>
  window
.onload = function () {
    google
.accounts.id.initialize({
      client_id
: 'YOUR_GOOGLE_CLIENT_ID',
      callback
: handleCredentialResponse
   
});
   
const parent = document.getElementById('google_btn');
    google
.accounts.id.renderButton(parent, {theme: "filled_blue"});
    google
.accounts.id.prompt();
 
}
</script>