Gefunden werden: Karten auf Ihrer Website
Eine interaktive Karte auf Ihrer Kontaktseite ist der beste Weg, um Kunden den Weg zu Ihrem Geschäft oder Büro zu weisen. Mit dem Google Maps Modul von Kopage integrieren Sie eine professionelle Karte, die Funktionen wie Zoomen und Routenplanung direkt unterstützt.
1. Das Karten-Element hinzufügen
In Kopage können Sie eine Karte überall dort platzieren, wo Sie ein neues Element hinzufügen können:
- Klicken Sie auf das Plus-Symbol (+) an der Stelle, an der die Karte erscheinen soll.
- Wählen Sie aus der Liste der Elemente Google Maps aus.
- Klicken Sie auf das Zahnrad-Symbol (Einstellungen) des neuen Elements.
- Geben Sie unter "Adresse" einfach Ihren Standort ein (z. B. Bahnhofstrasse 1, Zürich) und klicken Sie auf "Suchen" oder "Go".
Seit einiger Zeit verlangt Google für die Anzeige von Karten auf kommerziellen Websites einen sogenannten API-Key. Ohne diesen Key erscheint die Karte oft ausgegraut oder mit einer Fehlermeldung ("For development purposes only").
2. Den Google Maps API-Key hinterlegen
Um die Karte fehlerfrei zu betreiben, müssen Sie einen Schlüssel bei Google erstellen:
- Besuchen Sie die Google Maps Platform.
- Erstellen Sie ein Projekt und aktivieren Sie die Maps Embed API.
- Hinterlegen Sie eine Zahlungsmethode (Google bietet ein monatliches Gratis-Guthaben an, das für die meisten KMU-Websites völlig ausreicht – es entstehen also in der Regel keine Kosten).
- Kopieren Sie den generierten API-Schlüssel.
- Fügen Sie den Schlüssel in Kopage unter Einstellungen > SEO & Einstellungen > Google Maps API Key ein.
3. Datenschutz & DSGVO / nDSG
Da beim Laden von Google Maps Daten an Google übertragen werden, sollten Sie folgendes beachten:
Nutzen Sie das integrierte Kopage Cookie-Zustimmungs-Tool (unter Einstellungen > Datenschutz). So wird die Karte erst geladen, wenn der Besucher zugestimmt hat, was Ihre Website rechtssicher macht.
Alternative: OpenStreetMap
Wenn Sie den Aufwand mit dem API-Key umgehen möchten, bietet Kopage oft auch ein Modul für OpenStreetMap an. Dies ist eine kostenlose Open-Source-Alternative, die keinen Schlüssel benötigt und sofort funktioniert.
Haben Sie Probleme bei der Erstellung des API-Keys?
Gerne hilft Ihnen der CURIAWEB-Support bei der Einrichtung!
Nächster Artikel: Eigene Kontaktformulare gestalten
