JavaScript API ব্যবহার করুন

উদ্দেশ্য: যদি ডিফল্ট লগইন প্রবাহ আপনার প্রয়োজনীয়তা পূরণ না করে, আপনি এটি বিভিন্ন উপায়ে কাস্টমাইজ করতে পারেন। উপলব্ধ কাস্টমাইজেশন বিকল্পের জন্য নিম্নলিখিত তথ্য পড়ুন.

পছন্দের হলে, আপনি ওয়ান ট্যাপ প্রম্পট ট্রিগার করতে বা Google বোতাম দিয়ে সাইন ইন রেন্ডার করতে শুধুমাত্র জাভাস্ক্রিপ্ট কোড ব্যবহার করতে পারেন।

জাভাস্ক্রিপ্টে ওয়ান ট্যাপ প্রম্পট কনফিগার করতে, আপনাকে প্রথমে initialize() পদ্ধতিতে কল করতে হবে। তারপর, প্রম্পট UI প্রদর্শন করতে prompt() পদ্ধতিতে কল করুন। নিম্নলিখিত কোড স্নিপেট দেখুন:

<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 বোতাম দিয়ে রেন্ডার করতে হয় তা দেখায়।

<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>