Google-Maps-API-Key einrichten

Der Schlüssel ist dein persönlicher Zugangscode zu Google Maps. Ohne ihn zeigt deine Seite leider keine Karte und keine Kundenstimmen an – mit ihm dagegen schon.

Du hast deinen Key schon eingegeben, aber die Kundenstimmen werden nicht synchronisiert? Lies hier:

Google-Maps-API-Key einrichten

Voraussetzung: Du brauchst ein (kostenloses) Google-Konto.

Geh auf: https://console.cloud.google.com

→ Falls du noch kein Konto hast, erstelle eins. Das geht kostenlos.

→ Google-Maps-API-Key einrichten

• In der Google Cloud Console klickst du oben links auf das Projekt-Menü (Button mit drei Punkten in der Headerleiste neben dem Google Cloud Logo - heißt bei uns “Ynfinite Webseite”, bei dir heißt der Button anders):

• und wählst im Popup „Neues Projekt“ (Button rechts oben)

• Gib deinem Projekt einen Namen, z. B. „Meine Website“ und wähle deine Organisation – dann den Button “Erstellen” - fertig! Jetzt kannst du deinen API Key erstellen.

• Im Hauptmenü auf der linken Seite suche: “APIs und Dienste” und klicke auf “Aktivierte APIs und Dienste”:
  

• Klicke oben mittig auf den Button mit der blauen Schrift + APIs und Dienste aktivieren

• Suche in der API Bibliothek jetzt alle APIs, die du aktivieren musst. Eine Liste findest du unten. Bitte stelle sicher, dass du die aufgeführten APIs wirklich alle aktiviert hast, da der Key sonst nicht funktionieren wird.

Damit deine Karte auf der Webseite funktioniert, müssen diese Dienste aktiv sein:

1. Geocoding API
2. Maps Embed API
3. Maps JavaScript API
4. Maps Static API
5. Places API
6. Places API (New) ← wird häufig vergessen!
7. Street View Publish API
8. Street View Static API

• Öffne jede der oben aufgeführten APIs einzeln, indem du auf das Suchergebnis klickst

• klicke auf den blauen Button “Aktivieren”. Es erscheint dann ein grüner Haken.

• Klicke erneut im Hauptmenü zu „APIs & Dienste“ → „Anmeldedaten“

• Klicke auf den blauen Button „+ Anmeldedaten erstellen“ → „API-Schlüssel“

• Dein Schlüssel wird erstellt. Kopiere ihn und bewahre ihn gut auf, damit du ihn in deine Webseite einfügen kannst. Du kannst auch zuerst Einschränkungen festlegen. Lies dazu weiter.

Damit dein Schlüssel nicht missbraucht wird, kannst du in den Einstellungen festlegen, dass nur deine Domain (also z. B. http://www.meine-immobilienmaklerseite.de/) Zugriff auf den Schlüssel hat.

→ Klicke dazu in dem sich geöffneten Dialog auf den blauen Link “Bearbeiten Sie den API Schlüssel”, dann kommst du direkt hin. Popup schon geschlossen? Dann nimm den anderen Weg.

Alternativ kannst du über das Hauptmenü → APIs und Dienste → Anmeldedaten → auf den Namen des Schlüssels klicken, um die Einstellungen des Schlüssels zu öffnen

Dort kannst du dem API Key einen Namen geben, Anwendungseinschränkungen und API-Einschränkungen angeben.

Anwendungseinschränkungen:
Anwendungseinschränkungen begrenzen die Nutzung eines API-Schlüssels auf bestimmte Websites, IP-Adressen, Android- oder iOS-Apps. Du kannst pro Schlüssel eine Anwendungseinschränkung festlegen.

Wähle hier “Websites” aus.

Dann gib im unteren Feld deine Domain/s ein wie unten angezeigt ein Mal mit www und ein Mal ohne:

Was bedeutet das?
Der API-Key funktioniert dann ausschließlich, wenn er von diesen Domains geladen wird. Selbst wenn jemand den Key aus deinem JS-Code kopiert → wertlos außerhalb deiner Seite

API Einschränkungen:
API-Einschränkungen geben die aktivierten APIs an, die von diesem Schlüssel aufgerufen werden können. Wähle nur die APIs, die du wirklich nutzt → siehe dazu die Liste oben von den APIs, die du im Schritt davor aktiviert hast

Auf den blauen Button „Speichern“ klicken.

• Hinweis zu Kosten:

Für normale Webseiten-Nutzung (Karte anzeigen, Routen anzeigen etc.) ist das Ganze kostenlos – es sei denn, du hast riesigen Traffic. Dann meldet sich Google mit einem Hinweis.

Du hast jetzt deinen Schlüssel – und so bringst du ihn auf deine Website:

1. Gehe in Ynfinite zu Webseiten (CMS) → Seiten
2. Oben rechts klickst du auf „Webseite bearbeiten“

3. Scrolle nach unten, bis du in der linken Seitenleiste den Punkt „KEYS“ siehst
4. Füge dort deinen Google Maps API Key ein
5. Speichern – fertig!

Ab jetzt sehen deine Besucher nicht nur, wo du bist, sondern kommen auch schnell und einfach zu dir – und du musst dafür kein Technikprofi sein.

Wenn Google Maps oder deine Kundenstimmen auf deiner Seite nicht angezeigt werden, kann das verschiedene Ursachen haben. Geh diese Checkliste durch – meistens ist es nur ein kleiner Haken zu viel oder zu wenig.

Du hast das alles geprüft und deine Kundenstimmen werden noch immer nicht angezeigt? Nicht verzweifeln! Mache folgendes:

1. Gehe auf deine Seite, auf der die Kundenstimmen angezeigt werden (sollen) – vermutlich die deinedomain.de/kundenstimmen
2. Mache Rechtsklick irgendwo im oberen Drittel der Seite und wähle “Untersuchen”.

3. Es öffnet sich ein Feld rechts in deinem Browser (manchmal auch unten).
4. Öffne den Reiter KONSOLE. Hier siehst du eine Fehlermeldung. Jetzt kannst du zwei Dinge tun:
   a) Lies den Fehler und ziehe deinen Schluss, was du tun musst, um ihn zu beheben
   b) mach einen Screenshot von dem Fehler und schicke ihn an support@ynfinite.com - wir helfen dir dabei, den Fehler zu beheben.

Hinweis
Da Google hin und wieder Änderungen an seinen Einstellungen und der Benutzerführung vornimmt, können wir nicht immer alle Updates im Blick behalten. Falls etwas nicht wie erwartet funktioniert, schau bitte in der offiziellen Dokumentation nach:
Google Cloud Dokumentation zu Zahlungsmethoden.

1. Gehe auf die Google Cloud Webseite: Google Cloud.
2. Klicke auf „Get started for free“, um ein Konto zu erstellen, falls du noch keines hast. Folge den Anweisungen, um dich zu registrieren.
3. Du wirst gebeten, dich mit deinem Google-Konto anzumelden. Wenn du kein Google-Konto hast, musst du zuerst eines erstellen.

1. Nach der Anmeldung wirst du in die Google Cloud Console weitergeleitet.
2. Klicke oben auf „Projekt auswählen“ und dann auf „Neues Projekt erstellen“.
3. Gib deinem Projekt einen Namen (z. B. „Meine Webseite“) und wähle eine Abrechnungseinrichtung aus (wenn du keine hast, musst du eine erstellen – siehe Schritt 3).
4. Klicke auf „Erstellen“, um das Projekt zu starten.

Jetzt kannst du deinen API Schlüssel generieren:

→ Google-Maps-API-Key einrichten

1. Gehe zu „Abrechnung“ in der linken Seitenleiste.
2. Klicke auf „Abrechnungskonto erstellen“.
3. Wähle ein Land aus und gib deine Unternehmens- oder persönlichen Daten ein.
4. Füge eine Zahlungsmethode hinzu (z. B. Kreditkarte oder Bankkonto). Du wirst gebeten, deine Zahlungsdaten einzugeben, um die Abrechnung für die Google Cloud-Dienste zu aktivieren.
5. Klicke auf „Speichern“, nachdem du die Zahlungsinformationen erfolgreich hinterlegt hast.

Hinweis: Google bietet ein kostenloses Guthaben für neue Nutzer (meistens 300 USD), das für Google Cloud-Dienste genutzt werden kann. Achte darauf, dass du nicht über dieses Guthaben hinausgehst, wenn du die Kosten im Blick behalten möchtest.

Hinweis
Da Google hin und wieder Änderungen an seinen Einstellungen und der Benutzerführung vornimmt, können wir nicht immer alle Updates im Blick behalten. Falls etwas nicht wie erwartet funktioniert, schau bitte in der offiziellen Dokumentation nach:
Google Cloud Dokumentation zu Zahlungsmethoden.

Wozu brauchst du das für Google Maps?

Du benötigst hinterlegte Zahlungsdaten in deinem Google-Konto für Google Maps, wenn du kostenpflichtige Funktionen nutzen möchtest, wie zum Beispiel:

• Abonnements: Für bestimmte Premium-Funktionen oder zusätzliche Dienste.
• Käufe über Maps: In Zukunft könnten möglicherweise direkt über Google Maps Dienstleistungen oder Produkte gekauft werden.

Sobald du eine Zahlungsmethode hinterlegt hast, ist sie in deinem Google-Konto gespeichert und kann auch für andere Google-Dienste wie den Google Play Store oder YouTube verwendet werden.