Kurz gesagt: Damit deine Website die Karte mit deinem Praxisstandort zeigt, braucht sie einen eigenen Google-Maps-Schlüssel (API-Key). Du erstellst ihn in der Google Cloud Console, schaltest dort sieben Dienste frei, beschränkst ihn auf deine Domain und trägst ihn in den Websitedaten ein.
Wo im System: extern: console.cloud.google.com · in Ynfinite: Webseiten (CMS) → Seiten → Websitedaten bearbeiten → Reiter Keys → Feld API Key - Google Map
Bevor du anfängst
- Du brauchst ein Google-Konto, am besten das der Praxis.
- In der Google Cloud muss ein Abrechnungskonto mit Zahlungsmethode hinterlegt sein. Ohne Zahlungsmethode blockiert Google den Schlüssel, auch wenn keine Kosten anfallen. So geht's: Zahlungsdaten bei Google Maps hinterlegen
- Halte die Adresse deiner Website bereit, zum Beispiel
www.praxis-beispiel.de.
Die 5 Schritte auf einen Blick
Projekt anlegen
Google Cloud Console > Projektauswahl > Neues Projekt
Ein eigenes Projekt für deine Website, zum Beispiel „Website Praxis Dr. Beispiel“.
Sieben Dienste aktivieren
APIs und Dienste > Aktivierte APIs und Dienste
Jeden Dienst einzeln aktivieren. Am häufigsten vergessen: Places API (New).
Schlüssel erstellen
APIs und Dienste > Anmeldedaten > API-Schlüssel
Google erstellt den Schlüssel. Kopiere ihn, du brauchst ihn gleich in Ynfinite.
Auf deine Website beschränken
Anwendungseinschränkungen · API-Einschränkungen
Deine Domain mit und ohne www, dazu nur die sieben Dienste. Dann ist der Schlüssel woanders wertlos.
In Ynfinite eintragen
Websitedaten bearbeiten > Keys > API Key - Google Map
Speichern, Standortseite öffnen, im Cookie-Banner zustimmen: Erscheint die Karte?
Schritt für Schritt
1. Projekt anlegen
- Öffne console.cloud.google.com und melde dich an.
- Klicke oben links neben dem Google-Cloud-Logo auf die Projektauswahl und im Fenster auf Neues Projekt.
- Gib dem Projekt einen Namen, zum Beispiel „Website Praxis Dr. Beispiel“, wähle deine Organisation und klicke auf Erstellen.
2. Die nötigen Dienste aktivieren
- Öffne im Menü links APIs und Dienste → Aktivierte APIs und Dienste.
- Klicke oben auf + APIs und Dienste aktivieren. Die API-Bibliothek öffnet sich.
- Such jeden Dienst aus der Liste unten einzeln, öffne ihn und klicke auf Aktivieren. Danach erscheint ein grüner Haken.
Diese sieben Dienste müssen aktiv sein, sonst funktioniert der Schlüssel nicht:
- Geocoding API
- Maps Embed API
- Maps JavaScript API
- Maps Static API
- Places API (New) ← wird häufig vergessen!
- Street View Publish API
- Street View Static API
3. Schlüssel erstellen
- Öffne im Menü APIs und Dienste → Anmeldedaten.
- Klicke auf + Anmeldedaten erstellen → API-Schlüssel. Google erstellt den Schlüssel.
- Kopiere ihn. Du brauchst ihn gleich in Ynfinite.
4. Schlüssel auf deine Website beschränken
Damit niemand deinen Schlüssel auf einer anderen Website nutzt, beschränkst du ihn. Den Weg dorthin findest du direkt im Fenster mit dem neuen Schlüssel (Link zum Bearbeiten) oder über APIs und Dienste → Anmeldedaten → Klick auf den Namen des Schlüssels.
- Gib dem Schlüssel einen Namen, zum Beispiel „Website Praxis“.
- Wähle bei Anwendungseinschränkungen den Punkt Websites und trag deine Domain zweimal ein: einmal mit www und einmal ohne.
- Wähle bei API-Einschränkungen „Schlüssel einschränken“ und markiere nur die sieben Dienste von oben.
- Klicke unbedingt auf Speichern.
Der Schlüssel funktioniert dann nur noch auf deiner Website. Selbst wenn jemand ihn aus dem Quelltext kopiert, ist er woanders wertlos.
5. Schlüssel in Ynfinite eintragen
- Öffne Webseiten (CMS) → Seiten und klicke auf Websitedaten bearbeiten.
- Wechsle in den Reiter Keys und füg den Schlüssel in das Feld API Key - Google Map ein. Das Feld Design Key - Google Maps darunter (für das Aussehen der Karte) lässt du, wie es ist.
- Klicke auf Websitedaten speichern.
- Öffne deine Standortseite und stimm im Cookie-Banner zu: Erscheint die Karte?
Gut zu wissen
- Praxisname wie bei Google: Trag im Standort-Eintrag im Feld Firmenname den Namen deiner Praxis genau so ein wie in deinem Google-Unternehmensprofil. Sonst kann Google den Ort nicht eindeutig zuordnen: Standort anlegen oder ändern: Adresse, Anfahrt, Barrierefreiheit
- Karte erst nach Zustimmung: Die Karte lädt erst, wenn Besucherinnen und Besucher im Cookie-Banner zugestimmt haben. Deshalb steht die Adresse immer zusätzlich als Text auf der Seite: Externe Dienste einbinden: Einwilligung und Datenschutz
- Karte verschwunden? Ist der Text für den Standort-Marker länger als 50 Zeichen, blendet die Website die Karte aus: Die Karte auf der Standortseite ist verschwunden
- Kosten im Blick: Ob Google etwas berechnet, hängt davon ab, wie oft die Karte geladen wird. Die aktuellen Preise nennt Google selbst. Leg in der Google Cloud unter Abrechnung eine Budgetwarnung an. Dann schreibt dir Google, sobald die Kosten den Betrag erreichen, den du festlegst.
- Neue Domain: Der Schlüssel funktioniert nur auf den eingetragenen Domains. Ziehst du um, ergänze die neue Domain bei den Anwendungseinschränkungen.
- Google-Bewertungen: Derselbe Schlüssel kann auch Bewertungen von Google auf deine Website holen. Für Praxen empfehlen wir stattdessen einen Link auf deine Bewertungen bei Google mit Echtheitshinweis: Patientenstimmen und Bewertungen zeigen
- Der Schlüssel gehört nur in Ynfinite: Schick ihn nicht per E-Mail herum und poste ihn nirgends.