Cómo incrustar Google Maps en su sitio web

Publicado: 2022-05-15

Ayudar a los clientes o clientes a encontrar su tienda del mundo real es esencial para maximizar sus ventas en persona. Puede agregar su negocio a Google Maps usando Google My Business. Pero también puede incrustar Google Maps en su sitio web, por ejemplo, su página de contacto.

Es más fácil de lo que parece.

Incrustar Google Maps en sitios web es una forma sencilla de ayudar a los consumidores a localizar su empresa. Con más de 150 millones de usuarios que acceden a Google Maps mensualmente, desea aprovechar esta base de usuarios. Después de todo, es una forma de encontrar negocios y empresas, ya sea un cliente, cliente o incluso un posible empleado.

incrustar mapa de google, incrustar mapas de google en el sitio web

En este artículo, explicaremos cómo incrustar Google Maps en sitios web, ya sea el sitio de una empresa o una tienda local.

¡Eleve su comercialización! ¡Programe una consulta gratuita para aumentar las ventas con SEO y PPC hoy!

Cómo incrustar Google Maps en sitios web

Hay dos formas diferentes de incrustar Google Maps en un sitio web: código HTML o una clave API.

Usando código HTML

Google Maps tiene la función "Compartir o incrustar mapa" integrada en su sistema. Utiliza el código HTML del mapa dentro del código HTML de su sitio web para crear un enlace directo a Google Maps en la página.

  1. Ve a google.com/maps.
  2. Busque la ubicación que desea incrustar y selecciónela.
  3. Haz clic en las tres líneas horizontales en la pestaña del menú en la esquina superior izquierda.
  4. Seleccione la opción "Compartir o incrustar mapa".

Puede usar el enlace para compartir para enviar o compartir el enlace en las redes sociales, como Facebook o Twitter, u otras plataformas compatibles.
Para agregar el enlace a su sitio web, haga clic en la pestaña "Incrustar un mapa".

  1. Decida el tamaño que desea que tenga el mapa en la pestaña desplegable de la izquierda en el menú emergente: Pequeño, Mediano, Grande o Tamaño personalizado
  2. Seleccione la opción "COPIAR HTML" y péguelo en la sección HTML de su sitio web.
  3. Puede colocar el mapa en cualquier lugar que desee en su página web. Sin embargo, al insertar un mapa, acepta cumplir con los términos de servicio de Google. Tampoco tendrá acceso a todas las funciones de Google Map en un mapa incrustado, como la información de tráfico en vivo.

Blogs recomendados : Las 20 mejores ideas listas para usar para aumentar las ventas y ¿Qué es el SEO? Una guía para principiantes sobre optimización de motores de búsqueda.

Uso de una clave API para incrustar Google Maps

Necesitará cierta competencia con la codificación para implementar este método.

Paso 1: generar una clave de API

  1. Vaya a la sección de Google Maps de Google Cloud Platform.
    (Deberá tener las API habilitadas cuando configure un proyecto)
  2. En el menú de la izquierda, seleccione "Credenciales".
  3. Haga clic en "+ CREAR CREDENCIALES".
  4. Seleccione "Clave de API" en el menú y copie la API que aparece (la necesitará más adelante).

Paso 2: Cree código para que el mapa sea funcional

  1. Decide el código de estilo del mapa para tu página.
    <estilo>
     #mapa { ancho: 100%;

    altura: 400px;

    color de fondo: gris;

    }

    </estilo>

  2. Agregue script de mapa con las coordenadas de su negocio.
    <secuencia de comandos> function initMap() {

    var macc = {lat: <latitud>, lng: <longitud>};

    var mapa = nuevo google.maps.Map(

    document.getElementById('mapa'), {zoom: 15, centro: macc});

    var marcador = new google.maps.Market({posición: macc, mapa: mapa});

    }

    </script>

Paso 3: agregue la secuencia de comandos de Google en el documento HTML

  1. Agregue la clave API en el script asíncrono a continuación, reemplazando "YOUR_API_KEY".
    <secuencia de comandos asíncrona
     src=”https://maps.googleapis.com/maps/api/js?key=<YOUR_API_KEY>&callback=initMap”>
     </script>
  2. Agregue la secuencia de comandos en el documento HTML para completar.

Debe usar la función initMap(), ya que Google la necesita para inicializar y agregar dónde se carga el mapa. Dentro de esta función, debe contener la latitud y longitud de la ubicación.

Una vez que haya terminado, tendrá un mapa receptivo listo para que lo usen sus clientes.

Blogs recomendados: Cómo crear un embudo de marketing de contenido que convierta y ¿Qué es la redacción publicitaria? Cómo aumentar las ventas con la redacción digital.

¿Por qué incrustar Google Maps en su sitio web?

Tal vez tenga un propósito específico para el cual desea agregar Google Maps. Si no es así, aquí hay algunas razones por las que debería insertar Google Maps en los sitios web.

Encuentra tu tienda

Todas las empresas locales deben priorizar la inclusión de Google Maps integrado en su sitio web. Las capturas de pantalla de Google Maps son útiles, pero no proporcionan el nivel de detalle de un mapa incrustado completamente operativo. Por ejemplo, un cliente puede desplazarse para ver qué tan lejos está su tienda de su casa.

Ser capaz de ubicar su tienda aumentará su tráfico, ventas y ganancias en la tienda. Es una forma sencilla de vincular su presencia en línea con su negocio en el mundo real.

Blogs recomendados: Cómo atraer tráfico a una nueva tienda Shopify, Ideas de estrategia de reconocimiento de marca para hacer crecer su negocio y 5 ideas efectivas de marketing en línea para pequeñas empresas.

Agregue valor a su página de contacto

Incluir una dirección es una cosa, pero su cliente solo se dirigirá a Google Maps y buscará de todos modos. Tenemos una regla en marketing: minimizar los pasos que el cliente debe seguir. Cada clic o búsqueda adicional genera clientes perdidos.

Al agregar una aplicación integrada de Google Maps, puede agregar valor a su página de contacto y ahorrarle tiempo a su cliente. Es fundamental si su empresa está un poco apartada.

Demostrar rutas

Algunas empresas están dispuestas a ser útiles. Si vende calzado para caminatas o camisetas para correr, tal vez desee recomendar caminatas o carreras para que sus clientes las prueben. (Es una excelente publicación de blog). No hay mejor manera de mostrar dicha información que con una ruta resaltada en Google Maps.

Blogs recomendados : ¿Qué es el Marketing Digital? Los fundamentos de lo digital en marketing, los beneficios de Google My Business y cómo encontrar un mapa del sitio para mi sitio web.

Aprender a insertar Google en un sitio web es simple

Puede parecer un poco desalentador. Pero, siga la guía anterior paso a paso y terminará con un mapa perfectamente integrado para que sus clientes lo aprecien. Es práctico y útil, y también impulsará su negocio. Vale la pena probar la técnica API, ya que le brindará una funcionalidad significativamente mayor que otras opciones.

Por supuesto, si realmente tienes problemas, siempre puedes contactar a un experto para que te ayude. Tenemos experiencia en la configuración de sitios web y en la integración de Google Maps. Y estamos más que felices de ayudar.