Sie können auch nur JavaScript-Code verwenden, um die Aufforderung zum schnellen Anmelden auszulösen oder die Schaltfläche „Über Google anmelden“ zu rendern.
Wenn Sie die Aufforderung zum Bezahlen mit nur einem Tastenanschlag in JavaScript konfigurieren möchten, müssen Sie zuerst die Methode initialize()
aufrufen. Rufen Sie dann die Methode prompt()
auf, um die Prompt-Benutzeroberfläche anzuzeigen. Hier ein Code-Snippet zur Veranschaulichung:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID ',
callback: handleCredentialResponse
});
google.accounts.id.prompt();
}
</script>
Wenn Sie Benachrichtigungen zum UI-Status erhalten möchten, geben Sie für die Methode prompt()
eine Callback-Funktion an. Hier ein Code-Snippet zur Veranschaulichung:
<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>
Im folgenden Beispielcode wird gezeigt, wie Sie sowohl die Schaltfläche „One Tap“ als auch die Schaltfläche „Über Google anmelden“ in JavaScript rendern.
<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>