Logowanie się przez przycisk Google

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Renderowanie przycisku

Spersonalizowany przycisk wyświetla informacje z profilu w pierwszej sesji Google, podczas której zatwierdziliśmy Twoją witrynę. Zatwierdzona sesja Google ma w Twojej witrynie odpowiednie konto, które wcześniej logowało się przez funkcję Zaloguj się przez Google.

Jeśli wyświetli się spersonalizowany przycisk, użytkownik wie:

  • Co najmniej jedna aktywna sesja Google jest aktywna.
  • W Twojej witrynie jest odpowiednie konto.

Spersonalizowany przycisk daje użytkownikom szybki dostęp do informacji o stanie sesji – zarówno po stronie Google, jak i w Twojej witrynie – jeszcze przed kliknięciem przycisku. Jest to szczególnie przydatne, gdy użytkownicy odwiedzają Twoją witrynę od czasu do czasu. Mogą zapomnieć o utworzeniu konta i w jaki sposób. Spersonalizowany przycisk przypomina tym, że funkcja „Zaloguj się przez Google” była już używana. Pomaga to uniknąć niepotrzebnego tworzenia zduplikowanych kont w Twojej witrynie.

Aby pokazać stan sesji, spersonalizowany przycisk jest wyświetlany w następujący sposób:

  • Jedna sesja: po stronie Google jest tylko jedna sesja. Ta sesja zatwierdza klienta, a w Twojej witrynie jest odpowiednie konto.
Spersonalizowany przycisk wyświetlający nazwę pojedynczego konta Google.
  • Wiele sesji: Google ma wiele sesji, Te sesje zatwierdzają klienta. Zatwierdzenie jest wyświetlane za pomocą strzałki listy obok wyświetlanego konta. Przynajmniej jedna sesja ma odpowiadające mu konto w Twojej witrynie.
Spersonalizowany przycisk ze strzałką na liście.
  • Brak sesji: po stronie Google nie ma żadnej sesji ani żadna z sesji nie została jeszcze zatwierdzona przez klienta.
Przycisk „Zaloguj się przez Google” bez spersonalizowanych informacji.

Przycisk spersonalizowany wyświetli się automatycznie, gdy stan sesji będzie odpowiedni, chyba że ustawienia przycisku na to nie zezwalają. Obecnie spersonalizowany przycisk nie jest wyświetlany, jeśli:

  • Atrybut data-type to icon.
  • Wartość atrybutu data-size jest ustawiona na medium lub small.
  • Wartość atrybutu data-width jest mniejsza niż 200 pikseli.

Imię i nazwisko lub adres e-mail zostaną zawieszone, jeśli będą zbyt długie, aby można było je wyświetlić.

Spersonalizowany przycisk z nazwą i adresem e-mail.

Najważniejsze ścieżki użytkownika

Ścieżki użytkowników zmieniają się w zależności od tych stanów.

  • Stan sesji w witrynach Google. Poniższe terminy określają stan sesji Google na początku ścieżki użytkownika.

    • Has-Google-session: w witrynach Google występuje co najmniej jedna aktywna sesja.
    • Brak sesji Google: w witrynach Google nie ma aktywnej sesji.
  • Wskazuje, czy wybrane konto Google zatwierdziło witrynę na początku ścieżki użytkownika. Za pomocą poniższych terminów wskazuje się inny stan zatwierdzenia.

    • Nowy użytkownik: wybrane konto nie zatwierdziło Twojej witryny.
    • Powracający użytkownik: wybrane konto zostało już wcześniej zatwierdzone.

Sesja nowego użytkownika z sesją Google

  1. Przycisk Zaloguj się przez Google.

    Przycisk „Zaloguj się przez Google” bez spersonalizowanych informacji.

  2. Strona wyboru konta.

    Strona wyboru konta w trakcie sesji początkowej

  3. Strona zgody nowego użytkownika.

    Zgoda na używanie przycisku Zaloguj się przez Google i logowanie.

  4. Po potwierdzeniu przez użytkownika tokena witryny jest on udostępniany.

Użytkownicy mogą dodać nową sesję Google, klikając przycisk Użyj innego konta. Więcej informacji znajdziesz w sekcjach bez sesji Google poniżej.

Sesja użytkownika Google powraca

  1. Przycisk Zaloguj się przez Google.

    Spersonalizowany przycisk wyświetlający nazwę pojedynczego konta Google.

  2. Strona wyboru konta.

    Wybór konta Google

  3. Gdy użytkownik wybierze zwrotne konto, token tożsamości zostanie udostępniony Twojej witrynie.

Użytkownicy mogą dodać nową sesję Google, klikając przycisk Użyj innego konta. Więcej informacji o tym, jak wygląda ścieżka użytkownika „Brak sesji Google”, znajdziesz poniżej.

Ścieżka użytkownika nowego typu bez sesji Google

  1. Przycisk Zaloguj się przez Google.

    Przycisk „Zaloguj się przez Google” bez spersonalizowanych informacji.

  2. Pierwsza strona, aby dodać nową sesję Google.

    Adres e-mail konta Google

  3. Druga strona, aby dodać nową sesję Google.

    Logowanie się na konto Google

  4. Strona zgody nowego użytkownika.

    Zgoda na używanie przycisku Zaloguj się przez Google i logowanie.

  5. Po potwierdzeniu przez użytkownika tokena witryny jest on udostępniany.

Ścieżka użytkownika po powrocie bez sesji Google

  1. Przycisk Zaloguj się przez Google.

    Przycisk „Zaloguj się przez Google” bez spersonalizowanych informacji.

  2. Pierwsza strona, aby dodać nową sesję Google.

    Adres e-mail konta Google

  3. Druga strona, aby dodać nową sesję Google.

    Logowanie się na konto Google

  4. Gdy użytkownik kliknie przycisk Dalej, token witryny zostanie udostępniony Twojej witrynie.