developers.google.com Open in urlscan Pro
2a00:1450:4001:82b::200e  Public Scan

Submitted URL: https://developers.google.com/identity/sign-in/web/sign-in
Effective URL: https://developers.google.com/identity/sign-in/web/sign-in?hl=de
Submission: On June 20 via manual from ZA — Scanned from DE

Form analysis 1 forms found in the DOM

GET https://developers.google.com/s/results?hl=de

<form class="devsite-search-form" action="https://developers.google.com/s/results?hl=de" method="GET">
  <div class="devsite-search-container">
    <button type="button" search-open="" class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Suche öffnen"></button>
    <div class="devsite-searchbox">
      <input aria-activedescendant="" aria-autocomplete="list" aria-label="Suche" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Suche" role="combobox"
        type="text" value="" aria-controls="devsite-search-popout-container-id-1">
      <div class="devsite-search-image material-icons" aria-hidden="true">
      </div>
    </div>
  </div>
  <div class="devsite-popout" id="devsite-search-popout-container-id-1">
    <div class="devsite-popout-result devsite-suggest-results-container" devsite-hide=""></div>
  </div>
</form>

Text Content

Auf developers.google.com werden Google eigene Cookies verwendet, um
Google-Dienste bereitzustellen, deren Qualität zu verbessern und Datenverkehr zu
analysieren. Weitere Informationen.

Ausblenden
 * Google Identity

Authentifizierung
 * „Über Google-SDKs anmelden“
 * Anmeldedaten-Manager für Android
 * Über Google für das Web anmelden (einschließlich One Tap)
 * Google Log-in für iOS und macOS

 * Branchenstandards
 * Passkeys
 * OpenID Connect

 * Alte Anmeldung
 * Registrierung/Anmeldung für Android über One Tap
 * Google Log-in für Android-Geräte
 * Google Log-in für das Web

Autorisierung
 * Google APIs aufrufen
 * Autorisierung für Android
 * Für das Web autorisieren
 * Autorisierung für iOS/macOS
 * Verwenden von OAuth 2.0

 * Daten für Google-Apps und -Geräte freigeben
 * Google-Kontoverknüpfung

Anmeldedaten verwalten
 * Android
 * Anmeldedaten-Manager
 * Blockstore
 * Digital Asset Links
 * Android Autofill-Framework

 * Web
 * Automatische Vervollständigung

Bestätigung der Anmeldedaten
 * Android
 * Nutzer per SMS bestätigen
 * Hinweis zur Telefonnummer

 * Web
 * Telefonnummern im Web bestätigen

Mehr



 * English
 * Deutsch
 * Español
 * Español – América Latina
 * Français
 * Indonesia
 * Italiano
 * Polski
 * Português – Brasil
 * Tiếng Việt
 * Türkçe
 * Русский
 * עברית
 * العربيّة
 * فارسی
 * हिंदी
 * বাংলা
 * ภาษาไทย
 * 中文 – 简体
 * 中文 – 繁體
 * 日本語
 * 한국어

Anmelden
 * Authentication

Anmeldedaten-Manager für Android Über Google für das Web anmelden Google Log-in
für iOS und macOS Passkeys OpenID Connect Mehr



 * Google Identity

 * Authentifizierung
   * Mehr
   * Anmeldedaten-Manager für Android
   * Über Google für das Web anmelden
   * Google Log-in für iOS und macOS
   * Passkeys
   * OpenID Connect
 * Autorisierung
   * Mehr
 * Anmeldedaten verwalten
   * Mehr
 * Bestätigung der Anmeldedaten
   * Mehr

 * Jetzt loslegen
 * Überblick
 * Funktionen
 * Hinweise zur Integration
 * Unterstützte Browser
 * Einrichtung
 * Clientbibliothek laden
 * Integrationscode generieren
 * Fallstudien
    * Übersicht
    * Pinterest
    * Reddit
    * Eisengesellschaft
    * eBay
    * Vikatan

 * Schaltfläche „Über Google anmelden“
 * Informationen zur personalisierten Schaltfläche
 * Schaltfläche „Über Google anmelden“ anzeigen
 * Anleitungen für One Tap
 * Informationen zur Nutzung von One Tap
 * Automatische Anmeldung und Abmeldung
 * One Tap-Aufforderung anzeigen
 * One Tap bei ITP-Browsern
 * Erweiterte Themen
 * Google-ID-Token auf Serverseite bestätigen
 * Zum Schließen von One Tap umschalten
 * Anmeldekontext über One Tap ändern
 * One Tap für mehrere Subdomains anzeigen
 * One Tap-Anzeige mit Cookies ein-/ausblenden
 * Position der One Tap-Aufforderung ändern
 * Benachrichtigungen über den Status der Eingabeaufforderung auf der
   Benutzeroberfläche erhalten
 * JavaScript API verwenden
 * ID-Token widerrufen
 * Nativen Anmeldedaten-Manager des Browsers anzeigen
 * Antworten auf Anmeldedaten mit JavaScript-Funktionen verarbeiten
 * Anmeldung auf Fernsehern und eingeschränkten Eingabegeräten
 * One Tap über einen iFrame einbinden
 * Ressourcen
 * Zu FedCM migrieren
 * Migration von Google Log-in
 * Codegenerator
 * Referenzen
 * HTML-API
 * JavaScript API
 * iFrame-API für Fortgeschrittene
 * iFrame-Support-API für Fortgeschrittene
 * Versionshinweise
 * Eingestellt
 * Google Log-in
    * Einstellung und Einstellung
    * Grundlagen
    * Google Log-in integrieren
    * Profilinformationen abrufen
    * Bei einem Back-End-Server authentifizieren
    * Zusätzliche Funktionen
    * Anmeldeschaltfläche anpassen
    * Sitzungsstatus des Nutzers überwachen
    * Zusätzliche Berechtigungen anfordern
    * Anmeldung mithilfe von Listenern einbinden
    * Google Log-in für serverseitige Apps
    * Verbindung zu Bereichen trennen und aufheben
    * Plattformübergreifende Integration
    * Plattformübergreifende Einmalanmeldung (SSO)
    * Fehlerbehebung
    * Von Google+ Log-in migrieren
    * Referenzen
    * JavaScript-Client-Referenz

 * Accelerated Mobile Pages
    * One Tap auf AMP-Seiten anzeigen
    * API der AMP Component

 * „Über Google-SDKs anmelden“
 * Anmeldedaten-Manager für Android
 * Über Google für das Web anmelden (einschließlich One Tap)
 * Google Log-in für iOS und macOS
 * Branchenstandards
 * Passkeys
 * OpenID Connect
 * Alte Anmeldung
 * Registrierung/Anmeldung für Android über One Tap
 * Google Log-in für Android-Geräte
 * Google Log-in für das Web

 * Google APIs aufrufen
 * Autorisierung für Android
 * Für das Web autorisieren
 * Autorisierung für iOS/macOS
 * Verwenden von OAuth 2.0
 * Daten für Google-Apps und -Geräte freigeben
 * Google-Kontoverknüpfung

 * Android
 * Anmeldedaten-Manager
 * Blockstore
 * Digital Asset Links
 * Android Autofill-Framework
 * Web
 * Automatische Vervollständigung

 * Android
 * Nutzer per SMS bestätigen
 * Hinweis zur Telefonnummer
 * Web
 * Telefonnummern im Web bestätigen


Diese Seite wurde von der Cloud Translation API übersetzt.
 * Startseite
 * 
   Produkte
 * 
   Google Identity
 * 
   Authentication
 * 
   Über Google für das Web anmelden

War das hilfreich?

Feedback geben


GOOGLE LOG-IN IN IHRE WEBANWENDUNG EINBINDEN

bookmark_borderbookmark Mit Sammlungen den Überblick behalten Sie können Inhalte
basierend auf Ihren Einstellungen speichern und kategorisieren.

 * Auf dieser Seite
 * Anmeldedaten für die Autorisierung erstellen
 * Google Platform Library laden
 * Client-ID der Anwendung angeben
 * Google Log-in-Schaltfläche hinzufügen
 * Profilinformationen abrufen
 * Nutzer abmelden
 * 

Warnung:Die Unterstützung für die JavaScript-Bibliothek für Google Log-in wurde
eingestellt. Bei Client-IDs, die vor dem 29. Juli 2022 erstellt wurden, kann
plugin_name festgelegt werden, dass die Bibliothek weiterhin verwendet werden
soll. Die Verwendung durch neue Client-IDs ist jetzt blockiert.

Die Bibliothek ist Teil des Test zur Einstellung der Privacy Sandbox von Chrome.
Während des Testzeitraums ist die Bibliothek nicht von der Einführung der
Blockierung von Drittanbieter-Cookies betroffen. Weitere Informationen finden
Sie im Leitfaden zu Einstellung und Einstellung.


Google Log-in verwaltet den OAuth 2.0-Vorgang und -Lebenszyklus von Tokens und
vereinfacht dadurch die Einbindung in Google APIs. Ein Nutzer hat jederzeit die
Möglichkeit, den Zugriff auf eine Anwendung zu widerrufen.

In diesem Dokument wird beschrieben, wie du eine grundlegende Google
Log-in-Integration vornimmst.


ANMELDEDATEN FÜR DIE AUTORISIERUNG ERSTELLEN

Jede Anwendung, die OAuth 2.0 für den Zugriff auf Google APIs verwendet, muss
über Autorisierungsanmeldedaten verfügen, die die Anwendung beim OAuth
2.0-Server von Google identifizieren. In den folgenden Schritten wird erläutert,
wie Sie Anmeldedaten für Ihr Projekt erstellen. Ihre Anwendungen können dann mit
den Anmeldedaten auf APIs zugreifen, die Sie für das Projekt aktiviert haben.

 1. Go to the Credentials page.
 2. Klicken Sie auf Anmeldedaten erstellen > OAuth-Client-ID.
 3. Wählen Sie den Anwendungstyp Webanwendung aus.
 4. Benennen Sie Ihren OAuth 2.0-Client und klicken Sie auf Erstellen.

Notieren Sie sich nach Abschluss der Konfiguration die Client-ID, die erstellt
wurde. Sie benötigen die Client-ID für die nächsten Schritte. Ein
Clientschlüssel wird ebenfalls erstellt, wird aber nur für serverseitige
Vorgänge benötigt.


GOOGLE PLATFORM LIBRARY LADEN

Du musst die Google Platform Library auf deinen Webseiten einbinden, auf denen
Google Log-in eingebunden ist.

<script src="https://apis.google.com/js/platform.js" async defer></script>



CLIENT-ID DER ANWENDUNG ANGEBEN

Geben Sie die Client-ID an, die Sie in der Google Developers Console für Ihre
App erstellt haben, mit dem Meta-Element google-signin-client_id.

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

Hinweis :Sie können die Client-ID Ihrer Anwendung auch mit dem
client_id-Parameter der Methode gapi.auth2.init() angeben.


GOOGLE LOG-IN-SCHALTFLÄCHE HINZUFÜGEN

Am einfachsten lässt sich eine Google Log-in-Schaltfläche auf deiner Website mit
einer automatisch gerenderten Anmeldeschaltfläche hinzufügen. Mit nur wenigen
Codezeilen können Sie eine Schaltfläche hinzufügen, die sich automatisch so
konfiguriert, dass sie den entsprechenden Text, das Logo und die Farben für den
Anmeldestatus des Nutzers und die von Ihnen angeforderten Bereiche enthält.

Wenn du eine Google Log-in-Schaltfläche mit den Standardeinstellungen erstellen
möchtest, füge deiner Anmeldeseite ein div-Element mit der Klasse g-signin2
hinzu:

<div class="g-signin2" data-onsuccess="onSignIn"></div>



PROFILINFORMATIONEN ABRUFEN

Nachdem Sie einen Nutzer mit den Standardbereichen bei Google angemeldet haben,
können Sie auf die Google-ID, den Namen, die Profil-URL und die E-Mail-Adresse
des Nutzers zugreifen.

Verwenden Sie die Methode getBasicProfile(), um Profilinformationen für einen
Nutzer abzurufen.

function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
  console.log('Name: ' + profile.getName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
}


Wichtig: Verwenden Sie nicht die von getId() zurückgegebenen Google-IDs oder die
Profilinformationen des Nutzers, um den aktuell angemeldeten Nutzer an Ihren
Backend-Server zu senden. Senden Sie stattdessen ID-Tokens, die auf dem Server
sicher validiert werden können.


NUTZER ABMELDEN

Sie können Nutzern ermöglichen, sich von Ihrer App abzumelden, ohne sich von
Google abzumelden, indem Sie eine Abmeldeschaltfläche oder einen Link zu Ihrer
Website hinzufügen. Wenn Sie einen Abmeldelink erstellen möchten, hängen Sie
eine Funktion an, die die Methode GoogleAuth.signOut() an das Ereignis onclick
des Links aufruft.

<a href="#" onclick="signOut();">Sign out</a>
<script>
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
      console.log('User signed out.');
    });
  }
</script>


War das hilfreich?

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-03-13 (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?
 * Logo: GitHub
   Beispiele ansehen und selbst ausprobieren
 * Stack Overflow
   Frage unter dem Tag „google-signin“ stellen
 * Blog
   Aktuelle Neuigkeiten im Google Developers-Blog
 * Chromium Blog
   Aktuelle Neuigkeiten im Chromium-Blog


 * PRODUKTINFO
   
   * Nutzungsbedingungen
   * Branding-Richtlinien


 * HILFE
   
   * Über Google anmelden
   * Google-Identität


 * DEVELOPER CONSOLES
   
   * Google API Console
   * Google Cloud Platform Console
   * Google Play Console
   * Firebase Console
   * Actions on Google Console
   * Cast SDK Developer Console
   * Chrome Web Store Dashboard

 * Android
 * Chrome
 * Firebase
 * Google Cloud Platform
 * All products

 * Nutzungsbedingungen
 * Datenschutz
 * Manage cookies
 * Sign up for the Google for Developers newsletter Subscribe

 * English
 * Deutsch
 * Español
 * Español – América Latina
 * Français
 * Indonesia
 * Italiano
 * Polski
 * Português – Brasil
 * Tiếng Việt
 * Türkçe
 * Русский
 * עברית
 * العربيّة
 * فارسی
 * हिंदी
 * বাংলা
 * ภาษาไทย
 * 中文 – 简体
 * 中文 – 繁體
 * 日本語
 * 한국어

Info

Chat

API


SEITENINFORMATIONEN

bug_reportfullscreen close_fullscreen close


AUF DIESER SEITE

 * Auf dieser Seite
 * Anmeldedaten für die Autorisierung erstellen
 * Google Platform Library laden
 * Client-ID der Anwendung angeben
 * Google Log-in-Schaltfläche hinzufügen
 * Profilinformationen abrufen
 * Nutzer abmelden


OAUTH-CLIENTANMELDEDATEN AUFRUFEN

Melden Sie sich an, um Ihre Anmeldedaten einzufügen.

Abbrechen