O ID do cliente e o segredo do cliente do Google são necessários para fins de autenticação e autorização ao integrar aplicativos com serviços do Google, como APIs do Google ou autenticação baseada em OAuth. O ID do cliente e o segredo do cliente são obtidos no Google Developers Console quando você cria um novo projeto e ativa as APIs correspondentes.
Neste artigo, vamos orientá-lo na configuração do Google Client ID e Client Secret para autenticação e autorização ao integrar aplicativos com os serviços do Google.
Como configurar o ID do cliente do Google e o segredo do cliente no Google Developers Console
Uma das tarefas mais importantes ao integrar as APIs do Google em seu aplicativo é obter o ID do cliente e o segredo do cliente do Google no Google Developers Console.
Depois de receber essas credenciais, você pode se autenticar em vários serviços do Google, incluindo Drive, Agenda, YouTube e Analytics. Felizmente, é fácil obter um ID e um segredo do cliente no Developers Console.
Vamos ver passo a passo como fazer.
Etapa 1: vá para o Google Developers Console
Primeiro, vá para o Google Developers Console e faça login com sua conta do Google.
Etapa 2: criar um novo projeto
Uma vez logado, clique no botão Create Project para criar um novo projeto.
Na próxima página, você será solicitado a inserir o nome do projeto . Esse nome ajudará você a reconhecer seu projeto no console, portanto, certifique-se de que seja significativo.
Depois disso, clique no botão Criar .
Aguarde alguns segundos enquanto seu projeto é criado. Você verá uma notificação quando seu projeto estiver pronto.
Clique no link Selecionar projeto para entrar no painel do projeto que você acabou de criar.
Etapa 3: ativar a API obrigatória do Google Analytics
- API do Google Analytics
- API de relatórios do Google Analytics
- API de administração do Google Analytics
- API de dados do Google Analytics
- API do console de pesquisa do Google
Agora, você precisa ativar cinco APIs para que este projeto funcione. Primeiro, passe o mouse sobre APIs e serviços no menu de navegação à esquerda e clique em Biblioteca .
Digite Google Analytics API na caixa de pesquisa e clique no resultado.
Na próxima página, clique no botão Ativar API .
Repita as mesmas etapas para “API de relatórios do Google Analytics”.
Clique em Biblioteca no menu à esquerda.
Digite “API de relatórios do Google Analytics” na caixa de pesquisa e clique no resultado.
Na próxima página, clique no botão Ativar API .
Além das duas APIs mencionadas acima, você também deve considerar selecionar mais três APIs para habilitar em seu Google Cloud Console:
- Google Analytics Admin API: Esta API é focada em tarefas administrativas relacionadas ao Google Analytics. Ele permite que os usuários gerenciem permissões de conta, criem e gerenciem dimensões e métricas personalizadas e executem outras tarefas administrativas.
- API de dados do Google Analytics: esta API fornece uma maneira mais flexível e poderosa de acessar e recuperar dados do Google Analytics do que a API do Google Analytics. Ele oferece suporte a consultas e filtragem mais avançadas, permitindo que os usuários recuperem dados de várias exibições ou propriedades simultaneamente.
- API do Google Search Console: esta API permite que os usuários acessem dados de forma programática do Google Search Console, que fornece informações sobre como seu site aparece nos resultados de pesquisa do Google. Ele pode ser usado para recuperar informações como consultas de pesquisa, impressões, taxas de cliques e muito mais.
Etapa 4: configurar a tela de consentimento OAuth
Antes de gerar o ID e o segredo do cliente , você precisa configurar a tela de consentimento OAuth no projeto.
Clique na “tela de consentimento OAuth”. Na página seguinte, defina o “Tipo de usuário” como “Externo” e clique em Criar .
Em seguida, insira todos os detalhes necessários, como nome do aplicativo e e-mail de suporte, e clique em Salvar e continuar .
Observação: as informações em “Domínio do aplicativo” não são necessárias. Se você deixar em branco, seu aplicativo será “não verificado”. Você verá um alerta “Aplicativo não verificado” quando tentar fazer login a partir deste aplicativo. Se você adicionar as informações em (a página inicial do aplicativo, o link da política de privacidade do aplicativo e os termos do servidor do aplicativo), o Google (em algum momento) verificará o aplicativo.
Após clicar em “Salvar e Continuar”, você será direcionado para a página de Escopos ; você não precisa mudar nada aqui. Basta clicar em “Salvar e continuar”.
Em seguida, você verá a página “Test User”; você não precisa mudar nada aqui. Basta clicar em “Salvar e continuar”.
Por fim, clique em “Voltar ao painel” para retornar ao painel “Tela de consentimento OAuth”.
Etapa 5: publicar o aplicativo
O próximo passo é publicar seu App. Para isso, clique no botão “Publicar APP”.
Um pop-up pedirá confirmação; clique em “Confirmar”. Seu aplicativo agora está publicado e pronto para uso.
Etapa 6: gerar credenciais
A etapa final é gerar o ID e o segredo do cliente. Para fazer isso, navegue em Credenciais no menu de navegação à esquerda.
Nesta página, clique em “Create Credentials” e selecione “OAuth Client ID”. Você será redirecionado para a página “Criar ID de clique OAuth”.
Na página seguinte, selecione “Aplicativo Web” e digite o nome do aplicativo na caixa de texto.
Em seguida, na mesma página, você encontrará a seção “URIs de redirecionamento autorizados”. É aqui que você colará a URL de redirecionamento, obtida em Analytify >> Setting >> Advanced (tab).
Em seguida, cole o URL neste campo de URLs de redirecionamento autorizado e clique em “Criar”.
Agora você verá uma janela pop-up contendo seu ID de cliente e segredo . Certifique-se de copiar essas informações em algum lugar seguro e clique em “OK”.
E é isso! A configuração do Google Developers Console está concluída. Agora você pode usar o ID e o segredo do cliente nas configurações do Analytify para conectar sua conta do Google Analytics ao seu site WordPress.
Vamos ver como você pode fazer isso na próxima etapa.
Etapa 7: definir as configurações do Analytify
Agora que você tem seu Client ID e Secret, é hora de definir as configurações do Analytify. Para fazer isso, vá para Analytify >> Settings . Em seguida, clique na guia Avançado .
Em seguida, na seção “Configurar chaves de API personalizadas”, cole seu ID de cliente e segredo que você copiou do Google Developers Console. O “URL de redirecionamento” será o URL que você vê escrito abaixo. Basta copiar e colar de lá e “Salvar configurações”.
Em seguida, você precisa autenticar sua conta do Google Analytics com Analytify .
Para fazer isso, vá para Analytify Settings >> Authentication e clique em “Log in with your Google Analytics Account”.
Após clicar em “Faça login com sua conta do Google Analytics”, você será redirecionado para a página de Autenticação de Contas do Google; você deve selecionar a Conta do Google associada à sua conta do Google Analytics.
Alerta de verificação de aplicativo
Você pode receber o alerta “Este aplicativo não foi verificado” durante a autenticação de sua conta do Google. Você pode continuar sem a verificação do aplicativo clicando na opção “Avançado” e no link “Ir para *SEUDOMAINNAME* (inseguro)”.
Embora você possa continuar usando um “App não verificado”, se quiser verificar seu App, não se preocupe. Cobrimos isso no próximo título.
Na próxima etapa, você será solicitado a permitir as permissões. Você deve clicar no botão Continuar .
E é isso! Sua conta do Google Analytics agora está conectada com sucesso ao Analytify. Você será redirecionado de volta para Analytify >> Profiles . Você deve selecionar “Perfis para postagens” e “Perfil para painel”.
- “Perfis para postagens” é o perfil usado para rastrear usuários.
- “Perfil para painel” é o perfil usado para mostrar estatísticas no painel do Analytify.
Para a maioria das pessoas, ambas as opções serão as mesmas. Após a seleção, clique em “Salvar alterações”.
Parabéns! você implementou com sucesso a chave de APIs do Google Analytics para acompanhamento do Analytics no Analytify. Você pode obter o ID do cliente e a chave secreta do cliente no Google Developers Search Console.
Como verificar o aplicativo
Depois de criar o ID e o segredo do cliente, é importante verificar seu aplicativo. Para fazer isso, siga as etapas abaixo:
Etapa 1: abra a página do Google Cloud Platform . Abra o painel do projeto que você acabou de criar (o projeto cujas chaves você está usando no Analytify ).
Passo 2: Clique no menu “Hamburger” para abrir o menu de navegação. Passe o mouse sobre “APIs e serviços” e clique em “Tela de consentimento OAuth” .
Passo 3: Você será levado ao Dashboard do App que você criou. Clique no link “Editar aplicativo” .
Etapa 4: preencha todos os campos em “Domínio do aplicativo” .
- “Página inicial do aplicativo” é o link para a página inicial do seu site.
- “Link da política de privacidade do aplicativo” é o link para a página da política de privacidade do seu site.
- “Link dos termos de serviço do aplicativo” é o link para a página de termos de serviço do seu site.
Depois de preencher as informações com os links apropriados, clique em “Salvar e continuar”.
Passo 5: Você será levado para a página “Scopes” , basta clicar em “ Save and Continue ”. Clique novamente em “ Salvar e continuar ” na página “Informações opcionais” . Por último, o botão “Voltar ao Painel” na página “Resumo” .
Observação: depois de confirmar ou enviar o aplicativo, a equipe de confiança e qualidade do Google entrará em contato com você por e-mail para verificar a propriedade de sua propriedade por meio do console de pesquisa do Google.
A equipe de confiança e qualidade do Google verificará os dados em seu site e enviará um e-mail a você assim que verificar seu aplicativo.
