Fatti trovare: mappe sul tuo sito web
Una mappa interattiva sulla tua pagina di contatto è il modo migliore per mostrare ai clienti la strada per il tuo negozio o ufficio. Con il modulo Google Maps di Kopage, integri una mappa professionale che supporta direttamente funzioni come lo zoom e la pianificazione del percorso.
1. Aggiungere l'elemento mappa
In Kopage, puoi posizionare una mappa ovunque sia possibile aggiungere un nuovo elemento:
- Clicca sul simbolo più (+) nel punto in cui deve apparire la mappa.
- Seleziona Google Maps dall'elenco degli elementi.
- Clicca sull'icona dell'ingranaggio (Impostazioni) del nuovo elemento.
- Inserisci semplicemente il tuo indirizzo sotto "Indirizzo" (ad es. Bahnhofstrasse 1, Zurigo) e clicca su "Cerca" o "Go".
Da qualche tempo, Google richiede una cosiddetta Chiave API per la visualizzazione delle mappe sui siti commerciali. Senza questa chiave, la mappa appare spesso oscurata o con un messaggio di errore ("For development purposes only").
2. Inserire la chiave API di Google Maps
Per far funzionare correttamente la mappa, devi creare una chiave con Google:
- Visita la Google Maps Platform.
- Crea un progetto e attiva la Maps Embed API.
- Inserisci un metodo di pagamento (Google offre un credito gratuito mensile sufficiente per la maggior parte dei siti di PMI – quindi di solito non ci sono costi).
- Copia la chiave API generata.
- Incolla la chiave in Kopage sotto Impostazioni > SEO & Impostazioni > Google Maps API Key.
3. Protezione dei dati e GDPR
Poiché il caricamento di Google Maps comporta il trasferimento di dati a Google, dovresti considerare quanto segue:
Utilizza lo strumento integrato di Kopage per il consenso ai cookie (sotto Impostazioni > Privacy). In questo modo, la mappa verrà caricata solo dopo che il visitatore avrà dato il suo consenso, rendendo il tuo sito web conforme a livello legale.
Alternativa: OpenStreetMap
Se vuoi evitare lo sforzo della chiave API, Kopage offre spesso anche un modulo per OpenStreetMap. Si tratta di un'alternativa open-source gratuita che non richiede chiavi e funziona immediatamente.
Hai problemi con la creazione della chiave API?
Il supporto CURIAWEB sarà lieto di aiutarti con la configurazione!
Articolo successivo: Progettare i propri moduli di contatto
