Come incorporare Google Maps nel tuo sito web

Pubblicato: 2022-05-15

Aiutare i clienti oi clienti a trovare il tuo negozio nel mondo reale è essenziale per massimizzare le tue vendite di persona. Puoi aggiungere la tua attività a Google Maps utilizzando Google My Business. Ma puoi anche incorporare Google Maps nel tuo sito web, ad esempio la tua pagina dei contatti.

È più facile di quanto sembri.

Incorporare Google Maps nei siti web è un modo semplice per aiutare i consumatori a localizzare la tua attività. Con oltre 150 milioni di utenti che accedono a Google Maps mensilmente, vuoi attingere a questa base di utenti. Dopotutto, è un modo per trovare aziende e aziende, che tu sia un cliente, un cliente o anche un potenziale dipendente.

incorpora google map, incorpora google maps nel sito web

In questo articolo spiegheremo come incorporare Google Maps nei siti Web, che si tratti di un sito aziendale o di un negozio locale.

Migliora il tuo marketing! Pianifica oggi stesso una consulenza gratuita per aumentare le vendite con SEO e PPC!

Come incorporare Google Maps nei siti web

Esistono due modi diversi per incorporare Google Maps in un sito Web: codice HTML o una chiave API.

Utilizzo del codice HTML

Google Maps ha la funzione "Condividi o incorpora mappa" integrata nel loro sistema. Utilizzi il codice HTML della mappa all'interno del codice HTML del tuo sito web per creare un collegamento diretto a Google Maps nella pagina.

  1. Vai su google.com/maps.
  2. Trova la posizione che desideri incorporare e selezionala.
  3. Fai clic sulle tre linee orizzontali nella scheda del menu nell'angolo in alto a sinistra.
  4. Seleziona l'opzione "Condividi o incorpora mappa".

Puoi utilizzare il link di condivisione per inviare o condividere il link sui social media, come Facebook o Twitter, o altre piattaforme compatibili.
Per aggiungere il collegamento al tuo sito web, fai clic sulla scheda "Incorpora una mappa".

  1. Decidi quanto vuoi che sia grande la mappa nella scheda a discesa a sinistra nel menu a comparsa: Piccola, Media, Grande o Dimensioni personalizzate
  2. Seleziona l'opzione "COPIA HTML" e incollala nella sezione HTML del tuo sito web.
  3. Puoi posizionare la mappa dove vuoi sulla tua pagina web. Tuttavia, incorporando una mappa, accetti di rispettare i termini di servizio di Google. Inoltre, non avrai accesso a tutte le funzioni di Google Map in una mappa incorporata, come le informazioni sul traffico in tempo reale.

Blog consigliati : le 20 migliori idee pronte all'uso per aumentare le vendite e cos'è la SEO? Una guida per principianti all'ottimizzazione dei motori di ricerca.

Utilizzo di una chiave API per incorporare Google Maps

Avrai bisogno di una certa competenza con la codifica per implementare questo metodo.

Passaggio 1: genera una chiave API

  1. Vai alla sezione Google Maps di Google Cloud Platform.
    (Dovrai avere le API abilitate quando configuri un progetto)
  2. Nel menu a sinistra, seleziona "Credenziali".
  3. Clicca su “+ CREA CREDENZIALI”.
  4. Seleziona "Chiave API" dal menu e copia l'API che appare (ti servirà in seguito).

Passaggio 2: crea il codice per rendere funzionale la mappa

  1. Decidi il codice di stile della mappa per la tua pagina.
    <stile>
     #mappa { larghezza: 100%;

    altezza: 400px;

    colore di sfondo: grigio;

    }

    </stile>

  2. Aggiungi lo script della mappa con le coordinate della tua attività.
    <script> funzione initMap() {

    var macc = {lat: <latitudine>, lng: <longitudine>};

    var map = nuovo google.maps.Map(

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

    var marker = new google.maps.Market({position: macc, map: map});

    }

    </script>

Passaggio 3: aggiungi lo script di Google nel documento HTML

  1. Aggiungi la chiave API nello script async di seguito, sostituendo "YOUR_API_KEY".
    <script asincrono
     src=”https://maps.googleapis.com/maps/api/js?key=<LA TUA_CHIAVE_API>&callback=initMap”>
     </script>
  2. Aggiungi lo script nel documento HTML per completare.

È necessario utilizzare la funzione initMap(), poiché Google ne ha bisogno per inizializzare e aggiungere dove viene caricata la mappa. All'interno di questa funzione, dovrebbe contenere la latitudine e la longitudine del luogo.

Una volta terminato, hai una mappa reattiva pronta per essere utilizzata dai tuoi clienti.

Blog consigliati: come creare un imbuto di marketing dei contenuti che converte e cos'è il copywriting? Come aumentare le vendite con il copywriting digitale.

Perché incorporare Google Maps nel tuo sito web?

Forse hai uno scopo specifico per il quale desideri aggiungere Google Maps. In caso contrario, ecco alcuni motivi per incorporare Google Maps nei siti Web.

Trova il tuo negozio

Tutte le attività commerciali locali dovrebbero dare la priorità all'inclusione di Google Maps incorporato nel proprio sito web. Gli screenshot di Google Maps sono utili, ma non forniscono neanche lontanamente il livello di dettaglio di una mappa incorporata completamente operativa. Ad esempio, un cliente può scorrere per vedere quanto dista il tuo negozio da casa sua.

Essere in grado di individuare il tuo negozio aumenterà l'affluenza, le vendite e i profitti in negozio. È un modo semplice per collegare la tua presenza online con la tua attività nel mondo reale.

Blog consigliati: come ottenere traffico verso un nuovo negozio Shopify, idee per una strategia di consapevolezza del marchio per far crescere la tua attività e 5 idee di marketing online efficaci per le piccole imprese.

Aggiungi valore alla tua pagina dei contatti

Elencare un indirizzo è una cosa, ma il tuo cliente andrà solo su Google Maps e cercherà comunque. Abbiamo una regola nel marketing: riduci al minimo i passaggi che il cliente deve compiere. Ogni clic o ricerca in più porta alla perdita di clienti.

Aggiungendo un'app Google Maps incorporata, puoi aggiungere valore alla tua pagina di contatto e risparmiare tempo ai tuoi clienti. È fondamentale se la tua attività è un po' fuori mano.

Dimostra percorsi

Alcune aziende vogliono essere utili. Se vendi scarpe da trekking o top da corsa, forse vorresti consigliare passeggiate o corse per i tuoi clienti. (È un eccellente post sul blog.) Non c'è modo migliore per visualizzare tali informazioni che con un percorso evidenziato in Google Maps.

Blog consigliati : cos'è il marketing digitale? I fondamenti del marketing digitale, i vantaggi di Google My Business e come trovare una mappa del sito per il mio sito web.

Imparare a incorporare Google in un sito Web è semplice

Può sembrare un po' scoraggiante. Ma, segui passo dopo passo la guida sopra e ti ritroverai con una mappa perfettamente incorporata che i tuoi clienti potranno apprezzare. È pratico e utile e aumenterà anche la tua attività. Vale la pena provare la tecnica API in quanto ti darà molte più funzionalità rispetto ad altre opzioni.

Naturalmente, se stai davvero lottando, puoi sempre contattare un esperto per aiutarti. Abbiamo esperienza nella configurazione di siti Web e nell'incorporamento di Google Maps. E siamo più che felici di aiutarti.