Renderização do botão
Um botão personalizado exibe informações de perfil da primeira sessão do Google que aprova seu site. Uma sessão aprovada do Google tem uma conta correspondente no seu site que já fez login usando o recurso "Fazer login com o Google".
Se um botão personalizado for exibido, o usuário saberá o seguinte:
- Há pelo menos uma sessão do Google ativa.
- Existe uma conta correspondente no seu site.
Um botão personalizado oferece aos usuários uma indicação rápida do status da sessão, tanto do Google quanto no seu site, antes de eles clicarem no botão. Isso é especialmente útil para os usuários finais que acessam seu site apenas ocasionalmente. Eles podem esquecer se uma conta foi criada ou não e de que maneira. Um botão personalizado lembra que o recurso "Fazer login com o Google" já foi usado. Assim, ajuda a evitar a criação desnecessária de contas duplicadas no seu site.
Para indicar o status da sessão, o botão personalizado é exibido das seguintes maneiras:
Uma sessão:há apenas uma sessão do Google. Essa sessão aprova o cliente, e há uma conta correspondente no seu site.
Várias sessões:há várias sessões do Google. Essas sessões aprovam o cliente. A aprovação é indicada pela seta da lista ao lado da conta exibida. Pelo menos uma sessão tem uma conta correspondente em seu site.
Nenhuma sessão: não há sessão do Google ou nenhuma das sessões ainda aprovou o cliente.
O botão personalizado aparece automaticamente quando o status da sessão é adequado, a menos que as configurações do botão não permitam que ele seja mostrado. O botão personalizado não será exibido se:
- O atributo
data-typeéicon. - O atributo
data-sizeestá definido comomediumousmall. - O atributo
data-widthestá definido como um número menor que 200 px.
O nome ou endereço de e-mail fica cortado quando são muito longos para serem exibidos dentro do botão.
Principais jornadas do usuário
As jornadas dos usuários variam com base nos status a seguir.
Status da sessão nos sites do Google. Os termos a seguir são usados para indicar diferentes status da sessão do Google quando a jornada do usuário começa.
- Has-Google-session: há pelo menos uma sessão ativa nos sites do Google.
- Sem sessão no Google: não há sessões ativas nos sites do Google.
Indica se a Conta do Google selecionada aprovou o site quando a jornada do usuário começa. Os termos a seguir são usados para indicar diferentes status de aprovação.
- Novo usuário: a conta selecionada não aprovou seu site.
- Usuário recorrente: a conta selecionada já aprovou seu site.
Jornada do novo usuário com sessão no Google
Botão "Fazer login com o Google".
A página do seletor de conta.
A nova página de consentimento do usuário.
Após a confirmação do usuário, um token de ID é compartilhado com seu site.
Os usuários podem adicionar uma nova sessão do Google clicando no botão Use another account (Usar outra conta). Veja abaixo as jornadas do usuário No-Google-session.
Jornada do usuário retornando a sessão do Google
Botão "Fazer login com o Google".
A página do seletor de conta.
Depois que o usuário escolhe uma conta recorrente, um token de ID é compartilhado com seu site.
Os usuários podem adicionar uma nova sessão do Google clicando no botão Usar outra conta. Veja abaixo as jornadas do usuário "Sem sessão no Google".
Jornada do novo usuário sem sessão do Google
Botão "Fazer login com o Google".
A primeira página para adicionar uma nova sessão do Google.
A segunda página para adicionar uma nova sessão do Google.
A nova página de consentimento do usuário.
Após a confirmação do usuário, um token de ID é compartilhado com seu site.
Jornada do usuário recorrente sem sessão do Google
Botão "Fazer login com o Google".
A primeira página para adicionar uma nova sessão do Google.
A segunda página para adicionar uma nova sessão do Google.
Depois que o usuário clica no botão Next, um token de ID é compartilhado com seu site.