Como incorporar o Google Maps ao seu site

Publicados: 2022-05-15

Ajudar clientes ou clientes a encontrar sua loja real é essencial para maximizar suas vendas presenciais. Você pode adicionar sua empresa ao Google Maps usando o Google Meu Negócio. Mas você também pode incorporar o Google Maps em seu site – por exemplo, sua página de contato.

É mais fácil do que parece.

Incorporar o Google Maps em websites é uma maneira simples de ajudar os consumidores a localizar sua empresa. Com mais de 150 milhões de usuários acessando o Google Maps mensalmente, você deseja explorar essa base de usuários. Afinal, é uma maneira de encontrar empresas e empresas, seja você um cliente, cliente ou até mesmo um funcionário em potencial.

incorporar o google map, incorporar o google maps no site

Neste artigo, explicaremos como incorporar o Google Maps em sites – seja um site da empresa ou uma loja local.

Eleve seu marketing! Agende uma consulta gratuita para aumentar as vendas com SEO e PPC hoje mesmo!

Como incorporar o Google Maps em sites

Existem duas maneiras diferentes de incorporar o Google Maps em um site: código HTML ou uma chave de API.

Usando código HTML

O Google Maps possui o recurso “Compartilhar ou incorporar mapa” integrado ao seu sistema. Você usa o código HTML do mapa dentro do código HTML do seu site para criar um link direto para o Google Maps na página.

  1. Acesse google.com/maps.
  2. Encontre o local que deseja incorporar e selecione-o.
  3. Clique nas três linhas horizontais na guia do menu no canto superior esquerdo.
  4. Selecione a opção “Compartilhar ou incorporar mapa”.

Você pode usar o link de compartilhamento para enviar ou compartilhar o link nas mídias sociais, como Facebook ou Twitter, ou outras plataformas compatíveis.
Para adicionar o link ao seu site, clique na guia “Incorporar um mapa”.

  1. Decida o tamanho do mapa na guia suspensa à esquerda no menu pop-up: Pequeno, Médio, Grande ou Tamanho Personalizado
  2. Selecione a opção “COPIAR HTML” e cole-a na seção HTML do seu site.
  3. Você pode colocar o mapa onde quiser em sua página da web. No entanto, ao incorporar um mapa, você concorda em cumprir os termos de serviço do Google. Você também não terá acesso a todos os recursos do Google Map em um mapa incorporado, como informações de trânsito ao vivo.

Blogs recomendados : As 20 melhores ideias fora da caixa para aumentar as vendas e o que é SEO? Um guia para iniciantes em otimização de mecanismos de busca.

Usando uma chave de API para incorporar o Google Maps

Você precisará de alguma proficiência com codificação para implementar esse método.

Etapa 1: gerar uma chave de API

  1. Acesse a seção do Google Maps do Google Cloud Platform.
    (Você precisará ter APIs habilitadas ao configurar um projeto)
  2. No menu à esquerda, selecione “Credenciais”.
  3. Clique em “+ CRIAR CREDENCIAIS”.
  4. Selecione “Chave de API” no menu e copie a API que aparece (você precisará dela mais tarde).

Etapa 2: criar código para tornar o mapa funcional

  1. Decida o código de estilo do mapa para sua página.
    <estilo>
     #map { largura: 100%;

    altura: 400px;

    cor de fundo: cinza;

    }

    </style>

  2. Adicione script de mapa com as coordenadas do seu negócio.
    <script> function initMap() {

    var macc = {lat: <latitude>, lng: <longitude>};

    var mapa = new google.maps.Map(

    document.getElementById('map'), {zoom: 15, center: macc});

    var marcador = new google.maps.Market({posição: macc, mapa: mapa});

    }

    </script>

Etapa 3: adicione o script do Google ao documento HTML

  1. Adicione a chave de API no script assíncrono abaixo, substituindo “YOUR_API_KEY”.
    <script assíncrono
     src=”https://maps.googleapis.com/maps/api/js?key=<YOUR_API_KEY>&callback=initMap”>
     </script>
  2. Adicione o script ao documento HTML para concluir.

Você precisa usar a função initMap(), pois o Google precisa disso para inicializar e adicionar onde o mapa é carregado. Dentro desta função, deve conter a latitude e longitude do local.

Quando terminar, você terá um mapa responsivo pronto para seus clientes usarem.

Blogs recomendados: Como criar um funil de marketing de conteúdo que converte e o que é Copywriting? Como Aumentar as Vendas com Redação Digital.

Por que incorporar o Google Maps ao seu site?

Talvez você tenha um propósito específico para o qual deseja adicionar o Google Maps. Caso contrário, aqui estão alguns motivos pelos quais você deve incorporar o Google Maps em sites.

Encontre sua loja

Todas as empresas locais devem priorizar a inclusão de um Google Maps incorporado em seu site. As capturas de tela do Google Maps são úteis, mas não fornecem nem de longe o nível de detalhes de um mapa incorporado totalmente operacional. Por exemplo, um cliente pode rolar para ver a distância entre sua loja e sua casa.

Ser capaz de localizar sua loja aumentará seu tráfego, vendas e lucros na loja. É uma maneira simples de vincular sua presença online ao seu negócio no mundo real.

Blogs recomendados: como obter tráfego para uma nova loja da Shopify, ideias de estratégia de reconhecimento de marca para expandir seus negócios e 5 ideias eficazes de marketing on-line para pequenas empresas.

Agregue valor à sua página de contato

Listar um endereço é uma coisa, mas seu cliente só vai ao Google Maps e pesquisa de qualquer maneira. Temos uma regra em marketing – minimize as etapas que o cliente precisa tomar. Cada clique ou pesquisa extra leva à perda de clientes.

Ao adicionar um aplicativo Google Maps incorporado, você pode agregar valor à sua página de contato e economizar o tempo do cliente. É fundamental se o seu negócio está um pouco fora do caminho.

Demonstrar rotas

Algumas empresas estão fora para ser útil. Se você vende tênis de caminhada ou tops de corrida, talvez queira recomendar caminhadas ou corridas para seus clientes experimentarem. (É uma excelente postagem no blog.) Não há melhor maneira de exibir essas informações do que com uma rota destacada no Google Maps.

Blogs recomendados : O que é Marketing Digital? Os fundamentos do marketing digital, os benefícios do Google Meu negócio e como encontrar um mapa do site para o meu site.

Aprender a incorporar o Google em um site é simples

Pode parecer um pouco assustador. Mas, siga o guia acima passo a passo e você terminará com um mapa perfeitamente incorporado para seus clientes apreciarem. É prático e útil, e também impulsionará seus negócios. Vale a pena tentar a técnica da API, pois ela fornecerá significativamente mais funcionalidades do que outras opções.

Claro, se você estiver realmente lutando, você sempre pode entrar em contato com um especialista para ajudar. Temos experiência na configuração de sites e na incorporação do Google Maps. E estamos mais do que felizes em ajudar.