ใช้ 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>