Wie erstelle ich ein "Mit Google einloggen"-Button?

Durch das Hinzufügen des Buttons "Mit Google einloggen" erleichterst Du Deinen Kunden das Anmelden und Registrieren eines Kontos.

Erstelle mit Deinem Google-Konto ein Konto auf Google Cloud oder melde Dich bei Deinem bestehenden Konto an. Klicke auf die Schaltfläche Create Project, gib Deinem Projekt einen Namen und klicke dann auf die Schaltfläche Create, um Dein Projekt zu erstellen.
Nachdem Dein Projekt erstellt wurde, folge den Schritten unter der Navigation links oben zu APIs & Services > OAuth consent screen.
Wähle External als User Type aus und klicke auf die Schaltfläche Create.
App information: Fülle den App-Namen so aus, dass Deine Kunden ihn auf dem Anmeldebildschirm sehen können.

Die User support email wird als die E-Mail-Adresse festgelegt, die Du bei der Erstellung Deines Google Cloud-Kontos verwendet hast. Möchtest Du eine andere E-Mail-Adresse angeben, musst Du das Konto mit dieser E-Mail-Adresse erstellen.
Scrolle nach unten und gebe im Bereich Authorized domain Deine Domain und im Bereich Developer contact information eine E-Mail-Adresse ein, über die Du erreichbar bist.
Klicke auf Add or Remove Scopes, markiere alle angezeigten Optionen und klicke dann auf Update. Wenn mehr als drei Optionen sichtbar sind, wähle nur die ersten drei aus. Vergleiche die ausgewählten Optionen mit dem Bild unten, um sicherzustellen, dass die richtigen Optionen ausgewählt sind.
Klicke auf die Schaltfläche Save and Continue, um zum nächsten Schritt zu gelangen.
Im Schritt Test users ist keine Aktion erforderlich. Klicke einfach auf die Schaltfläche Save and Continue, die sich unten auf der Seite befindet, um fortzufahren.
Wenn Du den letzten Schritt Summary erreicht hast, überprüfe die eingegebenen Informationen. Stelle sicher, dass alle Informationen korrekt sind, und klicke dann unten auf der Seite auf die Schaltfläche Back to Dashboard.
Nachdem das Dashboard geöffnet ist, klicke unterhalb des Abschnitts Publishing Status auf die Schaltfläche Publish App, um Deine entwickelte Anwendung live zu schalten.

Nach diesem Schritt sollte der Publishing-Status als In production angezeigt werden.
Für den nächsten Schritt klicke im linken Menü auf Credentials.
Im Credentials Tab folge den Schritten im oberen Menü zu Create Credentials > OAuth client ID.
Auf der sich öffnenden Seite wähle Wep Application als Application Type aus. Gib im Feld Name den Markennamen ein. Im Feld Authorized JavaScript origins trage die Versionen Deiner Domain ein, sowohl mit als auch ohne „www“.

Einzugebende URL-Informationen

https://deinedomain.com

https://www.deinedomain.com
Im Bereich Authorized redirect URLs musst Du die folgenden URLs eingeben. Klicke auf die Schaltfläche Add URL, um ein neues Feld für URLs hinzuzufügen.

URLs, die einzugeben sind:

https://api.myikas.com/api/sf/ms/google/login/callback

https://domain.com/api/sf/ms/google/login/callback

https://www.domain.com/api/sf/ms/google/login/callback

BEACHTE: Ersetze „domain.com" durch Deine eigene Domain.
Nachdem Du auf die Schaltfläche Create geklickt hast, werden die Informationen, die Du für Dein ikas-Panel benötigst, automatisch angezeigt.
Kopiere die Client-ID und Client-Secret Informationen und füge sie in die dafür vorgesehenen Felder unter Verkaufskanal > Erweiterungen > Mit Google Einloggen ein.

Wenn Du Unterstützung bei einem Problem benötigst oder weitere Fragen hast, kannst Du uns gerne über unsere Support-Hotline unter +800 45271266 oder über eine Mail an support@ikas.de erreichen.