Google Identity Services wird zu FedCM APIs migriert. Folgen Sie der
Migrationsanleitung , um potenzielle Änderungen zu überprüfen und negative Auswirkungen auf die Nutzeranmeldung auf Ihrer Website zu vermeiden.
Feedback geben
Position der One Tap-Aufforderung ändern
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Warnung :Wenn One Tap zur Verwendung der FedCM API migriert wird, steuert der Browser die Größe und Position der One Tap-Aufforderung. Benutzerdefinierte Positionen werden nicht unterstützt. Bei der neuen Integration von One Tap sollten Sie die Position der Aufforderung nicht anpassen. Lesen Sie für eine bestehende Integration die Migrationsanleitung und aktualisieren Sie Ihre Anwendung bei Bedarf. Ziel: Wenn der Standard-Anmeldevorgang nicht Ihren Anforderungen entspricht, können Sie ihn auf verschiedene Arten anpassen. Im Folgenden finden Sie Informationen zu verfügbaren Anpassungsoptionen.
Die One Tap-Aufforderung wird standardmäßig rechts oben im Browserfenster des Desktop-Webbrowsers angezeigt. Wenn FedCM verwendet wird, steuert der Browser die Position der Eingabeaufforderung vollständig. Benutzerdefinierte Layouts werden daher nicht unterstützt.
Zeigen Sie andernfalls One Tap innerhalb eines Containerelements an, um die Position der Aufforderung zu ändern.
Geben Sie dazu die DOM-ID des Containerelements im Attribut data-prompt_parent_id
an.
Warnung :Blenden Sie keine Inhalte von One Tap-Aufforderungen aus. Verdecken Sie nicht den Eindruck, dass der Inhalt der One Tap-Aufforderung aus einem Google-iFrame stammt. Andernfalls kann das Projekt und/oder das Konto gesperrt werden.
Im folgenden Codebeispiel wird das Element g_id_onload
als Containerelement verwendet und die One Tap-Eingabeaufforderung wird an der angegebenen Position angezeigt:
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID "
data-login_uri="https://your.domain/your_login_endpoint "
data-prompt_parent_id="g_id_onload"
style="position: absolute; top: 100px; right: 30px;
width: 0; height: 0; z-index: 1001;">
</div>
Das Attribut data-prompt_parent_id
wird in mobilen Webbrowsern ignoriert.
Feedback geben
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers . Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2024-02-28 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Benötigte Informationen nicht gefunden"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Zu umständlich/zu viele Schritte"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Nicht mehr aktuell"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problem mit der Übersetzung"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problem mit Beispielen/Code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Sonstiges"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Leicht verständlich"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Mein Problem wurde gelöst"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Sonstiges"
}]
Haben Sie Feedback für uns?
{"lastModified": "Zuletzt aktualisiert: 2024-02-28\u00a0(UTC)."}
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2024-02-28 (UTC)."]]