UX przycisku Zaloguj się przez Google

Renderowanie przycisku

Spersonalizowany przycisk wyświetla informacje o profilu z pierwszej sesji Google, która zatwierdziła Twoją witrynę. Zatwierdzona sesja Google ma odpowiadające konto w Twojej witrynie, na którym użytkownik zalogował się wcześniej za pomocą funkcji Zaloguj się przez Google.

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

• Co najmniej 1 aktywna sesja Google jest aktywna.
• W Twojej witrynie jest konto odpowiadające temu adresowi.

Spersonalizowany przycisk pozwala użytkownikom szybko sprawdzić stan sesji zarówno po stronie Google, jak i w Twojej witrynie, zanim go klikną. Jest to szczególnie przydatne dla użytkowników, którzy odwiedzają Twoją witrynę tylko sporadycznie. Użytkownik może zapomnieć, czy konto zostało utworzone, a jeśli tak, to w jaki sposób. Spersonalizowany przycisk przypomina, że funkcja Zaloguj się przez Google była już używana. Pomaga to uniknąć niepotrzebnego tworzenia zduplikowanych kont w Twojej witrynie.

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

• Jedna sesja: po stronie Google jest tylko 1 sesja. Ta sesja zatwierdza klienta, a w Twojej witrynie jest odpowiednie konto.

  

• Wiele sesji: na stronie Google jest wiele sesji. Te sesje zatwierdzają klienta. Zatwierdzenie jest oznaczone strzałką w kształcie listy obok wyświetlonego konta. co najmniej 1 sesja ma odpowiadające jej konto w Twojej witrynie;

  

• Brak sesji: po stronie Google nie ma sesji lub żadna z sesji nie zatwierdziła jeszcze klienta.

  

Spersonalizowany przycisk jest wyświetlany automatycznie, gdy stan sesji jest odpowiedni, chyba że ustawienia przycisku nie zezwalają na wyświetlanie spersonalizowanego przycisku. Przycisk spersonalizowany nie jest wyświetlany, jeśli:

• Atrybut data-type ma wartość icon.
• Atrybut data-size ma wartość medium lub small.
• Atrybut data-width ma ustawioną wartość mniejszą niż 200 pikseli.

Imię i nazwisko lub adres e-mail są za długie, jeśli nie mogą się wyświetlić na przycisku.

Kluczowe ścieżki użytkowników

Ścieżki użytkownika różnią się w zależności od tych stanów.

• Stan sesji w witrynach Google. Aby wskazać różne stany sesji Google na początku ścieżki użytkownika, używamy tych terminów:

  • has-Google-session: w witrynach Google jest co najmniej jedna aktywna sesja.
  • No-Google-session: nie ma aktywnej sesji w witrynach Google.

• Czy wybrane konto Google zatwierdziło Twoją witrynę na początku podróży użytkownika. Aby wskazać różne stany zatwierdzenia, używamy tych terminów:

  • Nowy użytkownik: wybrane konto nie zatwierdziło Twojej witryny.
  • Powracający użytkownik: wybrane konto wcześniej zatwierdziło Twoją witrynę.

Has-Google-session nowy użytkownik

1. Przycisk Zaloguj się przez Google.

   

2. Strona wyboru konta

   

3. Nowa strona zgody użytkownika.

   

4. Po potwierdzeniu przez użytkownika token identyfikacyjny jest udostępniany Twojej witrynie.

Użytkownicy mogą dodać nową sesję Google, klikając przycisk Użyj innego konta. Poniżej znajdziesz ścieżki użytkowników w przypadku sesji bez Google.

Sesja powracającego użytkownika z sesją z Google

1. Przycisk Zaloguj się przez Google.

   

2. Strona wyboru konta

   

3. Gdy użytkownik wybierze konto, z którym wraca, token identyfikatora zostanie udostępniony Twojej witrynie.

Użytkownicy mogą dodać nową sesję Google, klikając przycisk Użyj innego konta. Poniżej znajdziesz ścieżki użytkownika „Bez sesji Google”.

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

1. Przycisk Zaloguj się przez Google.

   

2. Pierwsza strona, na której możesz dodać nową sesję Google.

   

3. Druga strona służąca do dodawania nowej sesji Google.

   

4. Nowa strona zgody użytkownika

   

5. Po potwierdzeniu przez użytkownika token identyfikacyjny jest udostępniany Twojej witrynie.

Ścieżka powracającego użytkownika, który nie korzystał z sesji Google

1. Przycisk Zaloguj się przez Google.

   

2. Pierwsza strona, na której możesz dodać nową sesję Google.

   

3. Druga strona służąca do dodawania nowej sesji Google.

   

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