Como Ativar o Google Maps no eDirectory

Introdução

Este guia fornece um processo abrangente e passo a passo para configurar a API do Google Maps em seu site eDirectory. A API do Google Maps é crucial para exibir mapas interativos dentro de suas listagens, melhorando a experiência do usuário e fornecendo um contexto de localização valioso. Ao seguir estas instruções, você será capaz de integrar perfeitamente esse recurso essencial ao seu site.

Instruções para Integração da API do Google Maps:

Passo 1: Crie um Projeto no Console do Google Cloud Platform:

    • 1.1. Certifique-se de estar logado em sua Conta do Google e navegue até o Console de API do Google Cloud Platform.
    • 1.2. Clique no menu suspenso "Selecionar um projeto" na parte superior e, em seguida, selecione "Novo projeto."

    • 1.3. Preencha os seguintes detalhes do projeto:
      • Nome do projeto: Insira um nome descritivo, como o nome do seu site.
      • Organização: Se aplicável, selecione sua organização no menu suspenso.
      • Localização: Escolha a localização relevante para seu projeto.
    • Assim que as informações estiverem completas, clique em "Criar."

Passo 2: Ative as APIs de Geocodificação e Maps JavaScript:

    • 2.1. Após a criação do seu projeto, clique no botão de menu (geralmente três linhas horizontais), passe o mouse sobre "APIs e Serviços" e clique em "Biblioteca."

    • 2.2. Na biblioteca de API, role para baixo para encontrar a categoria "Maps" ou use a barra de pesquisa na parte superior.

    • 2.3. Clique em "API de Geocodificação" e "API do JavaScript do Maps" individualmente.

    • 2.4. Na página de cada API, clique no botão "Ativar".

Importante: Provavelmente, após clicar em "Ativar", o Google solicitará que você vincule seu projeto a uma conta de cobrança. Este é um passo necessário para exibir os mapas em seu site eDirectory. Por favor, configure sua cobrança após ativar as APIs mencionadas acima.

Siga as instruções na tela para vincular uma conta de cobrança ao seu projeto do Google Maps. Por favor, note que este passo é essencial para exibir o mapa no site. O Google não permitirá a exibição dos mapas no site, a menos que uma conta de cobrança esteja configurada, uma vez que eles cobram pelo uso de sua API.

Verifique este artigo do Google para saber mais sobre como eles cobram pela sua API: Faturamento da Plataforma Google Maps

Passo 3: Crie a Chave da API do Google Maps:

    • 3.1. Clique no botão de menu, navegue até "APIs & Serviços" e selecione "APIs e serviços habilitados."

    • 3.2. Clique em "Credenciais" no menu à esquerda, em seguida, clique em "+ Criar credenciais" e escolha "chave de API."

    • 3.3. Na janela pop-up que aparece, clique em "Editar chave de API" (o ícone de lápis ao lado da chave recém-criada).

    • 3.4. Na página de configuração da chave da API do Google Maps, preencha os seguintes detalhes:
      • 1. Nome: Você pode nomear a chave de forma descritiva, por exemplo, "Chave do Google Maps do eDirectory."
      • 2. Restrições de aplicativo: Selecione a opção "Referenciadores HTTP (sites)."
      • 3. Restrições de site: Neste campo, adicione as seguintes URLs para o seu site, substituindo "test.com" pelo seu nome de domínio real:

https://www.test.com

https://test.com

http://www.test.com

http://test.com

Importante: Ao configurar as restrições do seu site, certifique-se de substituir "test" pelo seu nome de domínio real. Além disso, preste atenção especial à formatação das URLs:

Incorreto: https://www.test.com/ ❌

Certo: https://www.test.com ✔️

URLs que terminam com uma barra (/) podem impedir que o Google Maps funcione corretamente. Para evitar problemas, sempre omita a barra no final do link ao configurar URLs no campo de restrições do site.

Nota: Antes de configurar o Google Maps, certifique-se de que você tenha um domínio ativo (URL) conectado ao seu site eDirectory. Se você precisar mudar o domínio do seu site, entre em contato com nossa equipe de suporte pelo e-mail support@edirectory.com.

      • 4. Restrições da API: Nesta seção, selecione as seguintes APIs que você habilitou no passo 2 deste guia:
          • API JavaScript de Mapas
          • API de Geocodificação

Nota: Se você não vê essas APIs na lista, por favor, volte para etapa 2.4 e certifique-se de que estão habilitadas. Uma vez habilitadas, elas aparecerão nesta lista.

    • 3.5. Após preencher as informações, clique em "Salvar." Você será redirecionado para a página de Credenciais. Clique no botão "Mostrar chave" ao lado da sua nova chave de API. Um pop-up exibirá sua chave de API. Clique no ícone de copiar para copiá-la.

Passo 4: Integre a API do Google Maps no eDirectory:

    • 4.1. No seu Gerenciador de Sites do eDirectory, navegue até "Configurações" → "Integrações do Google" → "Google Maps."
    • 4.2. Cole a chave da API copiada no campo "API do Google Maps" e marque a caixa para ativá-la.

Vincule seu projeto a uma conta de cobrança para Resultados Próximos (se aplicável):

Embora os passos acima ativem a exibição do mapa, certos recursos como "Resultados Próximos" também dependem da Plataforma do Google Maps e exigem que a cobrança esteja ativada. Se você pretende usar "Resultados Próximos", siga as instruções deste guia para garantir uma funcionalidade sem interrupções: Como Ativar a API de Resultados Próximos do Google.

Como posso saber se minha nova chave do Google Maps está funcionando?

Se você configurou recentemente sua chave da API do Google Maps e quer confirmar se está funcionando corretamente, siga estas etapas:

  1. Verifique a Exibição do Mapa nas Informações Básicas: No Gerenciador de Sites, vá para "Configurações" → "Informações Básicas." Insira qualquer informação de endereço nos campos de endereço e clique fora do campo. Se um mapa for gerado, sua chave da API provavelmente está configurada corretamente.

  1. Verifique a Cobrança do Google Maps: O problema mais comum é esquecer de ativar a cobrança em seu Projeto do Google Cloud. Consulte Como habilitar a Cobrança para o Google Maps para obter instruções.
  2. Atualize Listagens Existentes: Se você configurou a chave da API após criar listagens, pode ser necessário atualizá-las para exibir mapas. Os mapas podem não aparecer inicialmente no back-end da listagem. Para atualizar uma listagem:
    • 3.1. Clique dentro do campo do código postal.
    • 3.2. Clique fora do campo do código postal (em qualquer lugar da página).
    • 3.3. O mapa deve agora ser exibido dentro dos detalhes da listagem.

  1. Certifique-se de que a Exibição do Mapa está Habilitada nos Níveis de Listagem: Verifique se seus níveis de listagem estão configurados para mostrar mapas em suas páginas de detalhes:
    • 4.1. Navegue até "Configurações" → "Gerenciar níveis & Preços."
    • 4.2. Para cada nível de listagem relevante, certifique-se de que a opção para exibir mapas está habilitada.

Se você encontrar algum problema durante este processo de verificação ou tiver mais perguntas, não hesite em entrar em contato com nossa equipe de suporte pelo e-mail support@edirectory.com. Estamos aqui para ajudá-lo.

Conclusão

Configurar com sucesso a API do Google Maps é essencial para proporcionar uma experiência visualmente rica e informativa em seu site eDirectory. Ao seguir cuidadosamente estas etapas para criar um projeto, habilitar as APIs necessárias, gerar e integrar a chave da API e garantir que a cobrança esteja ativada, você pode exibir mapas sem dificuldades e aprimorar os recursos baseados em localização de sua plataforma. Lembre-se de verificar sua configuração e atualizar os anúncios existentes conforme necessário. Se você precisar de mais assistência, nossa equipe de suporte em support@edirectory.com está sempre pronta para ajudar.

Isso respondeu à sua pergunta? Obrigado pelo feedback Ocorreu um problema ao enviar seu feedback. Tente novamente mais tarde.