يمكنك استخدام رمز JavaScript فقط لعرض طلب One Tap أو عرض زر "تسجيل الدخول باستخدام حساب Google"، إذا كنت تفضّل ذلك.
لضبط طلب One Tap في JavaScript، عليك أولاً استدعاء الأسلوب
initialize(). بعد ذلك، يمكنك استدعاء الطريقة prompt() لعرض واجهة مستخدم الطلب. راجِع مقتطف الرمز البرمجي التالي:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse
});
google.accounts.id.prompt();
}
</script>
لتلقّي إشعارات بشأن حالة واجهة المستخدم، قدِّم دالة ردّ اتصال إلى الأسلوب
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>